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

Question

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

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

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

Answer 1

如果这两个字符串可以“在任何位置”，那么实际上选择它们的唯一方法是使用 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> 的元素类型，而不是查看 id 的所有元素属性，其文本包含提供给 :contains() 的字符串选择器。

引用资料:

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