在使用Jquery+Ajax 往Table 中Td 添加入数据的方法如下:
在数据少的情况下直接给id或class传值,多行数据要用循环,代码如下:
$.post("", "data:getType", function (res) {
var date = Pase(res)
var str = ""
$.each(data.result, function (i, j) {
str += "<tr>"
str += "<td></td>"
str += "</tr>"
})
document.getElementById("tbody").add(str)
})
<table><tbody id="tbody"></tbody></table>
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接 *** 作该函数,除非你需要 *** 作不常用的选项,以获得更多的灵活性。
因为你添加的ajax数据在js执行之后,也就是说$('.test').click这个方法在js执行之后没有被绑定在click上面。这个时候需要动态绑定,把事件绑定在js执行完成之前就存在的元素上面,例如下面的例子我绑定在table上面,然后用on()来绑定click,on其实可以接受三个参数,如果第二个是字符串的话,就是动态绑定的元素。<table id="table">
<tr>
<td>11111</td>
</tr>
</table>
<script>
setTimeout(function() {
$('#table').append('<tr><td class="test" id="12">id12</tr><tr><td class="test" id="13">id13</tr><tr><td class="test" id="14">id14</tr>')
}, 1000)
$('#table').on('click', 'td.test', function() {
var test_id = $(this).attr('id')
console.log(test_id)
})
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)