Question

我是Java语言的初学者。我有一个链接列表，我想选择以.zip结尾的链接，然后从CSS添加类zip；

添加选择链接以非.zip结尾，并从CSS添加类notzip。

我用 $("a[href $='.zip']").addClass("zip")执行第一个任务，但不能通过添加来执行任务2！或不（）。由$ this和location，filter功能推荐。我怎样才能做到这一点？

      <ul>
    <li><a href="a.html">a</a></li>
    <li><a href="b.pdf">b</a></li>
    <li><a href="c.zip">c</a></li>
  </ul>

Answer 1

您可以使用:not：

$(function() {
  $("a[href$='.zip']").addClass('zip');
  $("a:not([href$='.zip'])").addClass('notzip');
  $("a:not([href$='.zip']):not([href$='.html'])").addClass('notzipnorhtml');
  
  var exts = ['html', 'pdf', 'zip'];
  $('a' + exts.map(ext => ':not([href$=".' + ext + '"])').join(''))
    .addClass('notanyofthose');
});

.zip { color: green; }
.notzip { color: red; }
.notzipnorhtml { color: purple; }
.notanyofthose { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href="a.html">a</a></li>
  <li><a href="b.pdf">b</a></li>
  <li><a href="c.zip">c</a></li>
  <li><a href="d.exe">d</a></li>
</ul>

Answer 2

如果我理解正确，这应该工作！

$("a[href='.zip']").addClass("zip");
$("a[href!='.zip']").addClass("notzip");

JavaScript中的选择器

2 个答案: