selector in Javascript

Question

我是Javascript的初学者。我有一个链接列表，我想选择以.zip结尾的链接，并从css中添加类zip；

添加以not.zip结尾的select链接，并从css添加类notzip。

我使用$("a[href $='.zip']").addClass("zip")可以做第一个任务，但不能通过添加来做任务2！或否((。它是由$this和location推荐的，过滤功能。我该怎么做？

<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");