获取没有以value开头的数据属性的所有列表项

Question

我有一个元素列表,每个元素都有一个数据名称属性.我想选择所有不以前缀"arc"开头的元素并隐藏它们.

<ul id="slides">
  <li data-name="arc_1">...</li>
  <li data-name="arc_2">...</li>
  <li data-name="biz_1">...</li>
  <li data-name="biz_2">...</li>
  <li data-name="cas_1">...</li>
  <li data-name="cas_2">...</li>
  <li data-name="cas_3">...</li>
  <li data-name="prd_1">...</li>
</ul>

我试图使用,$('#slides li[data-name^="arc"]')但它选择了它需要的相反.

Answer 1

用途:not():

$('#slides li:not([data-name^="arc"])')

$('#slides li:not([data-name^="arc"])').css('color','red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul id="slides">
  <li data-name="arc_1">...</li>
  <li data-name="arc_2">...</li>
  <li data-name="biz_1">...</li>
  <li data-name="biz_2">...</li>
  <li data-name="cas_1">...</li>
  <li data-name="cas_2">...</li>
  <li data-name="cas_3">...</li>
  <li data-name="prd_1">...</li>
</ul>