Question

我想从第一个和第二个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);
}

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

Answer 1

您只需要修改选择器以获取正确的元素：

$ gcloud compute images list
NAME                                 PROJECT          FAMILY           DEPRECATED  STATUS
centos-6-v20160718                   centos-cloud     centos-6                     READY
centos-7-v20160718                   centos-cloud     centos-7                     READY
coreos-alpha-1122-0-0-v20160727      coreos-cloud     coreos-alpha                 READY
coreos-beta-1081-5-0-v20160718       coreos-cloud     coreos-beta                  READY
coreos-stable-1068-8-0-v20160718     coreos-cloud     coreos-stable                READY
debian-8-jessie-v20160718            debian-cloud     debian-8                     READY
opensuse-13-2-v20160222              opensuse-cloud                                READY
opensuse-leap-42-1-v20160302         opensuse-cloud                                READY
rhel-6-v20160718                     rhel-cloud       rhel-6                       READY
rhel-7-v20160718                     rhel-cloud       rhel-7                       READY
sles-11-sp4-v20160301                suse-cloud                                    READY
sles-12-sp1-v20160301                suse-cloud                                    READY
ubuntu-1204-precise-v20160627        ubuntu-os-cloud  ubuntu-1204-lts              READY
ubuntu-1404-trusty-v20160627         ubuntu-os-cloud  ubuntu-1404-lts              READY
ubuntu-1510-wily-v20160715           ubuntu-os-cloud  ubuntu-1510                  READY
ubuntu-1604-xenial-v20160721         ubuntu-os-cloud  ubuntu-1604-lts              READY
windows-server-2008-r2-dc-v20160719  windows-cloud    windows-2008-r2              READY
windows-server-2012-r2-dc-v20160719  windows-cloud    windows-2012-r2              READY

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

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

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

2 个答案: