jQuery：不是选择器和哈希符号语法错误

Question

我遇到了一个可爱的语法错误。当我尝试选择所有没有包含占位符 URL 的 href 的锚标记时，即href="#"。

我尝试了以下方法：

$("a:not(href='#')");

//swapped single with double quotes
$('a:not(href="#")');

// no quotes at all
$("a:not(href=#)");

// wildcard selector
$("a:not(href*=#)");

所有这些都会导致以下错误：

未捕获的错误：语法错误，无法识别的表达式：href=#(…)

有什么想法吗？

---

以下片段：

var $item = $("a:not(href='#')");
console.log($item);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="http://google.com">Selected</a>
<a href="#">Not selected</a>

Answer 1

href 的测试需要放在方括号中：

$("a:not([href='#'])")

括号在那里是因为这是您在 CSS 选择器中进行属性值测试的方式。例如，如果您只是在寻找带有 href 的元素，它看起来像

$("[href='#']")