使用 JQuery 获取 TD 的值答案

【问题标题】：To get a value of a TD using JQuery使用 JQuery 获取 TD 的值
【发布时间】：2010-07-31 13:23:46
【问题描述】：

我有一个非常简单的表格，只有两行。
我在想从 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);
});

但我看不到任何消息弹出。如果我想在 TD ID 中指定 Table ID，我应该在 JQuery 代码中做什么？

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

【问题讨论】：

寻找一个使用表 ID 和 TD ID 的选择器是没有意义的。元素 ID 在页面中应该是唯一的。只需使用单个 TD ID，您就可以直接找到该项目
@Scott Evernden。感谢您的帮助。

标签： jquery

【解决方案1】：

    <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();
});

【讨论】：

你一定会得到答案的

【解决方案2】：

这将为您完成：

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

In action here 供您观赏。

【讨论】：

谢谢帕特。如果我想指定 TD 属于哪个表，而不仅仅是 TD ID，你能给我看一下 Jquery 代码吗？
绝对 - 我已经编辑了上面的代码以将表的 ID 添加到选择器。但是，严格来说，这在您的情况下不应该是必需的，因为 ID 在文档中应该是唯一的（即，您不应该在其他任何地方有任何 row2 ID）。如果您需要多个 row2，您可以使用类：<td class="row2">，在这种情况下，您的选择器将变为 $("#testing .row2")。您可以在此处阅读有关选择器的更多信息：api.jquery.com/category/selectors。简短的版本是，如果选择器在 CSS 中工作，它将在 jQuery 中工作。
再次感谢您的帮助，帕特。
在进行研发并使用 blah blah 技术查看所有代码示例以获取 td 数据后，我终于来到这里并找到了这个非常简单的解决方案。谢了哥们。 @帕特

【解决方案3】：

使用text() 而不是val()

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

更多信息：

.text()

【讨论】：

【解决方案4】：

TD ID 在任何表中都是唯一的。在两个表中拥有两个具有相同 TD ID 的表是不正确的。因此，如果您觉得然后像这样附加 TD ID 的表 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>

这有帮助吗？

【讨论】：