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

Question

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

<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标记，则可以使用类选择器使用$('.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()