Question

我已经搜索了大约一个小时，但找不到它。我正在尝试使用jQuery查找并突出显示页面上的一系列链接。我最初拥有的是：

$(table).find('a[href*="7000"], a[href*="7001"], a[href*="6020"], a[href*="6987"]').addClass('highlight');

这很好，直到您找到一个真正长长的链接列表，并用不同的数字查找（这是我很快就会知道的）。基本上，我想在数组中输入所有数字并使用它们。所以我尝试了：

var $href = 'a[href*="';
var $numbs = ('7000', '7001', '6020', '6987');
var $end = '"]';
    $('.tripname').find($href + $numbs + $end).each(function() {
        $(this).addClass('highlight');
    });

但是没有用。显然，它只能找到最后一个。

对此有任何想法。

Answer 1

您的数组语法错误。 Arrays被方括号包围。

修复该问题后，您可以使用：

Array.map为每个数字生成选择器，并且
Array.join将它们组合成多个选择器

const numbers = [7000, 7001, 6020, 6987];

const selector = numbers
  .map(n => `a[href*="${n}"]`)
  .join(',');

console.log(selector);

然后可以将该选择器与jQuery一起使用。

查找包含项目数组的所有链接

1 个答案: