在使用Jquery+Ajax 往Table 中Td 添加入数据,

在使用Jquery+Ajax 往Table 中Td 添加入数据,,第1张

在使用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 对象。大多数情况下你无需直接 *** 作该函数,除非你需要 *** 作不常用的选项,以获得更多的灵活性。

按你的需求给你修改了一下,不知是否这种效果

<table id="app"></table>

function remove()

{

$("#app>tbody").remove()

}

function add(){

$("#app").append('<tr><td>从<label><input type="text" name="fqty" width="50" />件

--- <input type="text" name="eqty" width="50"

/>件</label></td><td><inputtype="text" name="eqty" width="50" /></td><td><a

href="javascript:void(0)" onclick="remove()">删除</a></td></tr>')

}

可以动态添加完之后,统一绑定事件

$("#tables td").click(function(){

    console.log($(this).text())

})

亦可以每生成一个元素就绑定事件,不过这样你的html需要修改,改为循环插入td


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11572919.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存