如何使用 jquery 获取 TD 单元格值答案

【问题标题】：How to get TD cell values using jquery如何使用 jquery 获取 TD 单元格值
【发布时间】：2017-01-19 22:01:04
【问题描述】：

我想从具有类 user 和 id 的第一个和第二个 TD 中获取文本

<tr class="item-model-number">
  <td class="label">Item model number</td>
  <td class="value">GL552VW-CN426T</td>
</tr>

我已经尝试过这个 jQuery 代码，但对我不起作用：

$(".item-model-number").find("td").each(function() {
  var test = $(this).text();
  alert(test);
}

我想从tr 中的第二个td 标记中检索GL552VW-CN426T。

【问题讨论】：

标签： jquery html html-table html-tableextract

【解决方案1】：

你只需要修改你的选择器来获得正确的元素：

$(".item-model-number .value").each(function() {
  var value = $(this).text();
  console.log(value);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="item-model-number">
    <td class="label">Item model number</td>
    <td class="value">GL552VW-CN426T</td>
  </tr>
</table>

【讨论】：

【解决方案2】：

如果您总是得到包含该值的第二个 td 标记，则可以使用类选择器通过 $('.item-model-number .value') 选择 DOM 元素。

如果你想得到第二个td标签而不使用它的类名，你可以使用$('.item-model-number td:nth-of-type(2)')做第n个类型选择器。

要获取 DOM 元素的内容，您可以在选择器返回的 jQuery 元素上调用 .text()，这样整个事情看起来就像 $('.item-model-number .value').text() 或 $('.item-model-number td:nth-of-type(2)').text()

【讨论】：