JQuery 在 td 中选择一个元素答案

【问题标题】：JQuery select an element inside a tdJQuery 在 td 中选择一个元素
【发布时间】：2016-11-16 06:37:40
【问题描述】：

我想在我的一张表的 td 中选择一个元素，但我不太了解语法。这是我尝试过的：

$("table > td:#box")

这是我的表结构示例：

<div id="main">
<div id="today">
    <table id="list" width="100%" cellpadding="4" cellspacing="0" border="0" style="font-size: 10px; border-collapse:collapse;">
    <tr id="109008">
    <td class="tdstd">
    <a class="box" href="link"></a>
    </td>

或者使用 Chrome 的 DOM 检查器：

【问题讨论】：

请贴出相关的 HTML 代码，并告诉你到底想从哪一部分中解脱出来。
也许您可以显示带有表格和元素的 HTML 的 sn-p。元素是 id 为“box”的 div 吗？
了解你需要什么 - 你有 text 并且你想得到“text”或“id”？
我要选中框元素

标签： jquery css-selectors

【解决方案1】：

嗯，“#box”表示一个 DOM 对象，其 id 为“box”，因为它是一个唯一 ID。你可以直接选择那个。但是您的代码建议您有几个必须更改 id 为“box”的元素。您应该为 TD 中的元素分配一个类，或者如果它是框中唯一的 DIV 或 SPAN，则它是唯一的，您可以像这样访问它：

$("table td .box")

请注意，“>”选择器意味着 TD 必须是 TABLE 的直接子级，并且我假设您之间至少有一个 TR 级别，所以这也不起作用。我上面的示例将任何 TD 中的每个元素与类“box”匹配，该 TD 是任何 TABLE 的子项。

显然我也会在桌子上设置一个类，并使用如下内容：

$("table.boxes td .box")

这样您就不会意外选择您想要工作的范围之外的东西。

您现在已经添加了 HTML，所以我正在编辑我的答案：

$("table#list a.box")

【讨论】：

+1 但他已经在桌子上有一个 id 无论如何效率要高得多 - $('#list td a.box') 是这里的“正确”解决方案
正确，但我通常在进行分层选择时使用标签名称，以便我可以看到我正在选择的页面的哪个部分。如果 id 是“tablelist”，我不会有，但是“list”太笼统了，所以如果我的 jQuery 代码运行时间很长，我可能会感到困惑。但话虽如此，你显然是正确的:)

【解决方案2】：

最有效的选择器是：

$('#list').find('a.box');

或：

$('a.box', $('#list')[0]);

通过选择表格id，首先您将范围设置为表格，然后您可以在该表格中搜索您需要的元素。

第二个选择器是一样的，你选择了一些东西，你把范围作为第二个参数。

第一个更容易阅读。

【讨论】：

【解决方案3】：

 $("table tr td .box")

应该做的伎俩。

【讨论】：

【解决方案4】：

这个选择器...

table td a.box

告诉 jQuery 找到带有 class 属性的 a 标记，该属性包含“box”。而这个a 标签必须在td 内，而table 内。

【讨论】：

【解决方案5】：

我不确定，但我认为，你需要$("td#box")...

【讨论】：

这不对 - # 表示 ID 选择器，没有 ID 为“box”的元素，更不用说 td 了
一开始是 postet 只有这个 $("table > td:#box") 而不是代码和平:)
是的，我注意到了 - 这就是为什么我没有对你投反对票，只是评论了:)