javascript - 根据 JQuery 中是否包含 标记更改 TD 类

Question

基本上我是 Javascript/Jquery 的新手，我正在寻找一种更完整的方法来向包含 <a> 的 TD 添加一个类。标签。

目前，我 90% 的数据表都包含最后一列，TD 中包含标签:详细信息按钮、删除按钮和编辑按钮。

到目前为止，我已经使用以下代码让它工作了:

$('table.dataTable td:contains("Details")').addClass('tdButton');

令我困扰的是，在不久的将来，最后一栏可能不会包含包含“详细信息”的文本。所以 id 宁愿将它绑定(bind)到元素。

这是我为 TD 编写的一小段 html:

<td class="tdButton">
    <a class="linkButton tdButton" href="/Aptitude2/TestletBank/Details/0da14b39-8fae-e311-9403-00155d0a0c32" id="linkButtonDetails_0">Details</a>
    <a class="linkButton tdButton" href="/Aptitude2/TestletBank/Edit/0da14b39-8fae-e311-9403-00155d0a0c32" id="linkButtonEdit_0">Edit</a>
    <a class="linkButton linkButtonDelete tdButton" href="/Aptitude2/TestletBank/Delete/0da14b39-8fae-e311-9403-00155d0a0c32" id="linkButtonDelete_0">Delete</a>
</td>

Answer 1

您可以使用 has()

$('table.dataTable td').has("a").addClass('tdButton');

或:has()

$('table.dataTable td:has(a)').addClass('tdButton');

两者都选择至少包含一个与指定选择器匹配的元素的元素。