如何使用 jQuery 选择多个表格单元格标签？ [关闭]答案

【问题标题】：How to select multiple table cell tags with jQuery? [closed]如何使用 jQuery 选择多个表格单元格标签？ [关闭]
【发布时间】：2015-10-28 02:42:03
【问题描述】：

UPDATE：这个问题是当我在 about:blank 页面上创建此表并在 Chrome 中使用控制台时。在 JSFiddle 中尝试按预期工作。

UPDATE2：忽略这个。正如@Mike C 评论的那样，我没有加载jQuery，Chrome 开发工具有一个名为'$' 的内置函数。换句话说，它不起作用，因为 Chrome 开发工具不知道我正在编写 jQuery。我的错。谢谢大家的帮助。

这很简单。我有这样的事情：

<table cellpadding="5" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td >1</td>
            <td >2</td>                 
        </tr>
        <tr>
            <td>3</td>
            <td>4</td> 
        </tr>           
    </tbody>
</table>

当我尝试使用$("td") 获取所有<td> 时，我只得到第一个 元素，而使用document.getElementsByTag("td") 我得到所有元素.

在jQuery文档中，它说$("tagName")足以获取标签元素，但是当我尝试时，只返回第一个元素。

为什么会这样？是否有与getElementsByTag 具有相同行为的jQuery 选择器？

提前致谢。

【问题讨论】：

$("td") 应该返回所有单元格。你到底在做什么？
$("td") 应该返回所有的 td 标签。
我认为它应该像你描述的那样工作。也许试试 $("td").each(function(){});
请用小提琴来证明这一点。文档不会说谎（嗯......有时......），还有其他事情正在发生。
工作fiddle

标签： javascript jquery html jquery-selectors

【解决方案1】：

实际上这取决于你在做什么，但仍然是一个简单的演示。

我的方法：

1) 在您的 HTML 中将 .tableTd 类赋予 <table>。

2) 选择了该类中的所有td's。

不使用$("table td")的原因是同一页面上可能还有我们不想定位的不同表格。

$(".tableTd td").css("color","red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table cellpadding="5" cellspacing="0" width="100%" border="1" class="tableTd">
    <tbody>
        <tr>
            <td >1</td>
            <td >2</td>                 
        </tr>
        <tr>
            <td>3</td>
            <td>4</td> 
        </tr>           
    </tbody>
</table>

【讨论】：

投反对票的对象是什么？我想知道。这样我才能知道我的错误。谢谢！
我实际上想得到多个<td> 不过不知道谁对你投了反对票。
所以尝试按照我给出的上述方法。如果您卡在某个地方，请随时询问。通过上述方法，您可以在具有class="tableTd" 类的表中获取所有td's。
没用，但我已经检测到了这个问题。您的代码运行良好（这是因为页面没有读取 jQuery，正如上面提到的@Mike C）。谢谢你的帮助。 PS：我讨厌“输入时发帖”。

【解决方案2】：

您正确理解了这个概念。但是你需要遍历each函数来获取所有对应的元素。

$("td").each(function()
{
    alert($(this).text());
});

这是一个例子：http://jsfiddle.net/fgoed4rv/1/

【讨论】：

最后，这是我正在处理的空白页面中的（缺少）jQuery 参考问题。尝试了您的代码，并且运行良好。感谢您的帮助