jquery - 选择 href 不以某个字符串开头的元素

Question

我有这样的链接:

<a href="my:stuff">My Link</a>
<a href="other:stuff">My Link</a>
<a href="test:stuff">My Link</a>
<a href="test:stuff">My Link</a>

我想选择 href 且不以“test”开头的链接

我尝试了以下方法，但似乎不起作用:

$('a[href!^="test"]')
$('a:not([href^="test"]')

我不想使用 $.filter 或类似的东西。有没有办法单独使用选择器来做到这一点？

Answer 1

!^= 选择器不存在。但是，您的第二个选择器应该在包含右括号 ')' 后起作用。

// Incorrect syntax
$('a:not([href^="test"]')

// Correct syntax
$('a:not([href^="test"])')

或者您可以选择使用 .not() 方法而不是 :not() 伪选择器:

$('a').not('[href^="test"]')

这是 first 的概念验证(使用 :not())和 second (使用 .not())解决方案。