javascript - 如何使用jquery选择具有属性和属性不等于特定值的元素？

Question

我得到以下行:

$("element").find("[attr!='val'][attr!='val'][attr!='val'][attr!='val'][attr!='val']") 

基于this回答。我的页面停止运行。我的假设是它会找到页面中的所有不同元素，以及那些没有该属性的元素。那是对的吗？如果是这样我该如何解决这个问题？我尝试过

$("element").not("[attr='val']") 
// instead of 
$("element").find("[attr!='val']")

它仍然使页面崩溃。下面的代码当然可以工作:

$("element").find("[attr='val']")

Answer 1

JQuery Has Attribute Selector [name] select 元素只有属性而不考虑它的值。您需要在选择器的第一个位置添加 [attr]。

$("ul").find("[class][class!='A']").css("color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="A">A</li>
  <li class="A">A</li>
  <li class="B">B</li>
  <li>C</li>
</ul>