我在页面中有多个表格,我想使用jquery操作表格分区,即访问特定的td,在特定位置向现有tr添加新的td等。
我有以下示例代码给出" val未定义"代替" row1 div1" :(
</head>
<body>
<table id="table1">
<tr id="row1">
<td id="div1">
row1 div1
</td>
<td id="div2">
row1 div2
</td>
</tr>
<tr id="row2">
<td id="div1">
row2 div1
</td>
<td id="div2">
row2 div2
</td>
</tr>
</table>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var p = $("#table1#row1#div1").val();
console.log("val is "+p);
});
</script>
</body>
答案 0 :(得分:2)
你可能想要这个
var p = $("#table1 #row1 #div1").text();
#table1#row1#div1
查找包含所有这些属性的1个元素。
.val()
查找元素的值。你想要它里面的实际文本。
答案 1 :(得分:0)
你可以这样做
$(document).ready(function() {
$("#row2").append("<td>content</td>");
});
您在此处的代码中所做的是选择ID为#row1的#table1。我不确定那是不是你要找的东西。
var p = $("#table1#row1#div1").val();