使用jquery访问表中的数据

时间:2014-11-30 04:17:15

标签: jquery

我在页面中有多个表格,我想使用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>    

2 个答案:

答案 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();