选择 TD 文本包含 foo 的任何 TR

Question

我很确定这可以在不进入函数的情况下完成，但我想获取任何有 <td>Mail ...</td> 或 <td>Foo ... </td> 的 TR 作为示例。

我一直认为它应该看起来像

$('tr[./text()^="foo"]') 但 chrome 不喜欢它。 或$('tr[./td/text()^="Mail"]') 但没有运气 这可以用一个简单的选择器来完成吗？

Answer 1

我很惊讶没有人想出这个，也许我的问题太模糊了。

$('tr:has(td:contains("Leather"))').hide()
$('tr:has(td:contains("Mail"))').hide()
$('tr:has(td:contains("Cloth"))').hide()
$('tr:has(td:contains("Bow"))').hide()
$('tr:has(td:contains("Gun"))').hide()

打算让它成为一个书签，用于为 dk 或 pally 搜索盔甲和武器

Answer 2

一种可能的解决方案：

$('td').filter(function() {
    return $(this).text().indexOf('Foo') === 0;
}).closest('tr');

您必须使用 .filter() 来处理元素的文本（您不能使用选择器执行此操作，至少不是您想要的方式）并且 .closest() 应该是自我解释的。

编辑：但这可能会多次选择 <tr> 元素。我实际上不知道 jQuery 是如何处理这个问题的。另一种解决方案是使用两个嵌套的filters（在tr 和td 上，但不知何故这感觉效率低下）。

Edit2：从 1.4.4 版本开始，jQuery 似乎足够聪明，可以处理同一元素的多次出现（即它像一个集合一样工作）。 DEMO here（如果您更改为 1.4.2 版本，您会看到第一行被选中了两次）。

Answer 3

有“包含：”

TD:contains("Mail")

但这只是在元素中的任何位置查找邮件（没有“开始于”）。