如何使用 jQuery 从多个 <td> 中获取 <td> 之一的值？答案

【问题标题】：How to get value of one of <td> from several <td> using jQuery?如何使用 jQuery 从多个 <td> 中获取 <td> 之一的值？
【发布时间】：2015-08-16 03:43:23
【问题描述】：

我得到了下一个代码：

<tr>
    <td id='type'> Type name </td>
    <td id='number'> 102030 </td>
    <td id='software'> 1.0-Alpha </td>
</tr>

我需要用 id 'number' 获取 td 的值。我现在使用下一个代码，它可以工作：

$('tbody tr').click(function() {
    var tdNumber = $(this).find('td:nth-child(2)').html();
});

但我不想通过子元素查找，而是通过 id 查找。我怎样才能做到这一点？

【问题讨论】：

如果是id，使用$("#number").text()

标签： jquery html html-table

【解决方案1】：

要定位 id，只需使用 #

$('#number').html();

这将在整个document 中搜索带有id="number" 的元素

【讨论】：

【解决方案2】：

如果是这样的话，看起来你有多个这样的行

<tr>
    <td class='type'> Type name </td>
    <td class='number'> 102030 </td>
    <td class='software'> 1.0-Alpha </td>
</tr>

$('tbody tr').click(function() {
    var tdNumber = $(this).find('.number').html();
})

否则（即您只有一个具有给定 id 的元素）然后您可以使用 id-selector 因为元素的 ID 必须是唯一的

var tdNumber = $('#number').html();

【讨论】：

请将此行更改为：$(this).find('#number').html();
谢谢你，Arun，你也对，但 jQueryKing 是第一个。
@JEYCDEE no...您不应该使用它，因为元素的 ID 必须是唯一的...您应该更改代码以使用类或其他选择器...

【解决方案3】：

您在代码中错过了右括号。

    $('tbody tr').click(function() {
        var tdNumber = $(this).find('td:nth-child(2)').html();
    });
//---^

【讨论】：

谢谢，它有效。很简单。问题是我试图将第 n 个元素更改为 td 的 id，但它对我不起作用。现在我明白我的错误在哪里了。
@JEYCDEE - 很高兴为您提供帮助
@JqueryKing 请不要将 OP 指向错误的方向。ID 应该是唯一的。
@AnoopJoshi - 是的，我的代码有什么问题是独一无二的
@AnoopJoshi - 实际上他错过了右括号，我指出只有 id 没有