查找 id 包含两个子字符串的元素

Question

我有一个 HTML 表格，我需要使用 jquery 将 CSS 样式更改为所有 de <td>，其 "id" 包含子字符串 "_A_189" 和子字符串 "_B_V_852"。子字符串可以位于字符串的任何位置。

我用这个，但它不起作用：

$('id:contains("_A_189"):contains("_B_V_852")').css(style);

Answer 1

您可以使用方括号按属性选择：

$("[id*='_A_189'][id*='_B_V_852']").css(style);

如果遇到这个问题，最好将其缩小到仅 td 元素：

$("td[id*='_A_189'][id*='_B_V_852']").css(style);

“[id*='str']”的意思是“在任何地方查找属性'id'包含字符串'str'的元素”。

更多信息参见 jQuery 文档： http://api.jquery.com/attribute-contains-selector/

编辑： 这个选择器在 css 中可用，不仅在 jQuery 中，所以如果 '_A_189' 和 '_B_V_852' 部分是静态的，你应该考虑将它添加到你的样式表而不是使用脚本。例如：

table td[id*='_A_189'][id*='_B_V_852'] {
    /* your styles */
}

Answer 2

如果两个字符串可以是“in any position”，那么实际上选择它们的唯一方法是使用filter()：

// finds all <td> elements with an 'id', filters that collection:
$('td[id]').filter(function () {
    // retains only those elements for which the assessment returns true
    // (the strings of both '_A_189' AND
    // the string '_B_V_852' must be found within the id property:
    return this.id.indexOf('_A_189') > -1 && this.id.indexOf('_B_V_852') > -1;
// the found/retained elements remain in the chain, passed to
// the css() method:
}).css(/* style */);

你最初的尝试：

$('id:contains("_A_189"):contains("_B_V_852")').css(style);

没有用，因为:contains() 选择器会查看元素的文本内容以查找您要搜索的字符串，而不是元素的属性/属性。

另外，因为没有 .、#、: 或其他字符来指示，所以这个 jQuery 正在寻找 <id> 的元素类型，而不是查看 @987654335 的所有元素@ 属性，其文本包含提供给:contains() 选择器的字符串。

参考资料：

• CSS：
  • Attribute selectors。
• JavaScript：
  • String.prototype.indexOf()。
• jQuery:
  • :contains() selector。
  • css()。
  • filter()。
  • Has-attribute ([attribute]) selector。

Answer 3

包含的正确 css 选择器是 [attribute*=substring]，所以使用 jquery：

$('[id*="_A_189"][id*="_B_V_852"]').css(style);

Answer 4

你可以很简单地做到这一点：

$( "td[id*='_A_189'][id*='_B_V_852']").css(style);