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

Question

我想从具有 class 用户和 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。

Answer 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>

Answer 2

如果您总是获得包含该值的第二个 td 标签，您可以只使用 class select 或 select DOM 元素使用 $('.item-model-number .value').

如果你想获得第二个 td 标签而不使用 class 名称，你可以做第 n 类型 select 或使用 $('.item-model-number td:nth-of-type(2)')。

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

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

How to get TD cell values using jquery

jquery

html

html-table

html-tableextract