如何在此jQuery中添加HTML元素
How do I add HTML elements in this jQuery?
我已经下载了jQuery来添加和删除输入类型。
现在如何在此代码中插入新表?
这是我的代码:
$(document).ready(function(){
var counter = 2;
$("#ctl00_mainContentPlaceHolder_btnNewRow").click(function () {
if(counter>10){
alert("Only 10 textboxes allow");
return false;
}
var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
newTextBoxDiv.after().html('<label>Textbox '+ counter + ' : ' +
'<input type="text" name="textbox' + counter +
'" id="textbox' + counter + '" value="" ></label>');
newTextBoxDiv.appendTo("#TextBoxesGroup");
counter++;
});
$("#removeButton").click(function () {
if(counter==2){
alert("No more textbox to remove");
return false;
}
counter--;
$("#TextBoxDiv" + counter).remove();
});
$("#getButtonValue").click(function () {
var msg = '';
for(i=1; i<counter; i++){
msg += "'n Textbox " + i + " : " + $('#textbox' + i).val();
}
alert(msg);
});
});
你
只需要在添加标签后在 jQuery 中添加这段代码。您可以通过以下代码的帮助使用表格而不是标签
newTextBoxDiv.after().html('<table> <tr> <td>Textbox '+ counter + ' : ' +
'<input type="text" name="textbox' + counter +
'" id="textbox' + counter + '" value="" > <td></tr></table>');
如果你想动态
地添加表行,你可能希望使用 dom 操作,而不是将 html 代码作为字符串放置
var table = $('<table/>');
//for
var tr = $('<tr/>').attr('id', {row_id}).addClass('row_class');
//for
var td = $('<td/>').addClass('td_class').html('or .text()');
tr.append(td);
table.append(tr);
table.appendTo($('whereever'));
相关文章:
- 使用jQuery根据动态生成的html动态添加html
- 如何使用javascript选择字符串的部分,添加html标记或删除部分
- 单击按钮添加HTML表单
- 如何添加html<br>标记转换为javascript
- 动态添加 HTML 元素后创建 jQuery 事件
- 在具有特定ID的DIV中使用JavaScript动态添加HTML元素
- 在前面的输入元素之前添加html输入元素
- 程序添加html后点击不工作
- 使用appendchild或其他方法向ul添加html代码而不是纯文本
- 如何在JS函数中添加HTML代码
- Jquery从另一个页面添加HTML
- 如何在不添加html脚本标记的情况下使用google-maps-api-v3
- 正在尝试向jQuery对象添加HTML类属性
- 使用“添加用户”按钮添加HTML字段
- 在 JavaScript 中的 textNode 中添加 html
- jquery动态添加HTML字段遇到了神秘的问题
- AngularJS 如何动态添加 HTML 并绑定到控制器
- 使用 js 添加 HTML 元素
- 在 JavaScript 切换中添加 html / css
- 如何在 tinymce 的第一段中添加 html 链接