使用 JQuery 获取 TD 的值

Question

我有一个非常简单的表格，只有两行。
我在思考如何最好地从ID为“row2”的TD中获取值。

<Table id="testing>
<tr>
<th>
</th>
<td id="row1">hello</td>
</tr>
<tr>
<th>
</th>
<td id="row2">world</td>
</tr>
</table>

这里是我的翻译尝试：

$(document).ready(function(){ 
      var r=$("#testing":row2).val();
      alert(r);
});

但是我没有看到任何消息弹出。

如果我想在JQuery代码中指定Table ID和TD ID，我该怎么做？

 var r=$("#testing":row2).text();
 var r=$("#testing").children("row2").text();

- user327712

---

找一个同时使用表格ID和TD ID的选择器毫无意义。元素ID应该在页面上是唯一的。仅使用单个TD ID将直接定位到该项。 - Scott Evernden

Answer 1

这将解决你的问题：

  var r = $("#testing #row2").text();
  alert(r);

这里展示了实际效果，欢迎观看。

- Pat

---

谢谢 Pat。如果我想指定 TD 属于哪个表格而不只是 TD ID，你能给我展示一下 Jquery 代码吗？ - user327712

绝对没问题 - 我已经编辑了上面的代码，将表格ID添加到选择器中。但是严格来说，在您的情况下不需要这样做，因为ID在文档中应该是唯一的（即您不应该在任何其他地方拥有任何row2 ID）。 如果您需要多个row2，请使用类：<td class =“row2”>，在这种情况下，您的选择器将变为 $("#testing .row2") 。您可以在此处阅读有关选择器的更多信息：http://api.jquery.com/category/selectors/。简而言之，如果选择器在CSS中有效，则它将在jQuery中有效。 - Pat

经过研究和查看所有使用blah blah技术的代码示例以获取td数据，最终我来到了这里，并找到了这个非常简单易用的解决方案。感谢你，伙计。@Pat - Ahsan Hussain

Answer 2

使用text()替代val()

var r = $("#row2").text();

更多信息：

• .text()

- Sarfraz

Answer 3

    <table>
<tr>
    <td class="tdcls">1</td>
    <td class="tdcls">2</td>
    <td class="tdcls">3</td>
</tr>
<tr>
    <td class="tdcls">4</td>
    <td class="tdcls">5</td>
    <td class="tdcls">6</td>
</tr>                   

使用jQuery选择特定的td值的代码。

$(".tdcls").mouseenter(function(){
    var a = $(this).text();
});

- Sruthi Mamidala

---

当然你会得到答案 - Sruthi Mamidala

Answer 4

无论在哪个表中，TD ID 都将是唯一的。在两个表中具有相同的 TD ID 是不正确的。因此，如果您觉得需要，可以将表 ID 附加到 TD ID 中，如下所示：（然后使用上面的答案）

 <table id="test1">
    <tr>
    <th>
    </th>
    <td id="test1_row1">hello</td>
    </tr>
    <tr>
    <th>
    </th>
    <td id="test1_row2">world</td>
    </tr>
 </table>

这有帮助吗？

- Anand