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

Question

我想从具有类用户和 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);
}

我想GL552VW-CN426T从td.tr

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包含该值的第二个标签，你可以使用类选择器来选择 DOM 元素$('.item-model-number .value')。

如果你想在td不使用类名的情况下获取第二个标签，你可以使用$('.item-model-number td:nth-of-type(2)').

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