jquery如何在结果集循环添加tr,td标签。

jquery如何在结果集循环添加tr,td标签。,第1张

你好!!

success: function(result){

    for(var i=0i<2i++){

        var $tr = $("<tr />")

        for(var j=0j<5j++){

            var $td = $("<td><a href='#' ></a></td>")

            $td.find("a").text("hello"+j)

            $tr.append($td)

        }

        $("#searchwordInfo").append($tr)

    }

}

当然有啊,你这个字符串的拼接,太麻烦了,而且不好看,检查也不好检查

建议你每个tr里面,就是循环里面,如果有数据就分别设置td,把数据包裹进去,然后再appendTo

这个tr,这样就可以了啊

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>

<title>

RunJS 演示代码

</title>

<script>

jQuery(function($){

var table = $("table")

var addbtn = $("button:contains('添加')").click(function(){

if(table.data("ing") == 1) {

alert("必须保存这个TR中输入的值之后,才能再次添加TR,否则不能再次添加")

return

}

var txt = $("<tr><td><input type='text' /></td></tr>")

table.append(txt).data("ing", 1).prop("txt", txt.find(":text")) 

})

$("button:contains('保存')").click(function(){

var txt = table.prop("txt")

if(table.data("ing")==0){

alert("你已经保存过了,不能更改,具体参考提问者需求")

return

}

if(txt.val() == ""){

alert("填写好数据再保存")

txt.focus()

return

}else{

txt.prop("readonly",true)

table.data("ing", 0)

}

})

})

</script>

  </head>

<body>

<table>

</table>

<button>

添加

</button>

    <button>

保存

</button>

  </body>

</html>


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

原文地址: http://outofmemory.cn/bake/11561523.html

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

发表评论

登录后才能评论

评论列表(0条)

保存