JavaScript中的選擇器

Question

我是Java語言的初學者。 我有一個鏈接列表，我想選擇以.zip結尾的鏈接，並從CSS添加類zip；

添加選擇鏈接以非.zip結尾，並從CSS添加類notzip。

我使用$("a[href $='.zip']").addClass("zip")來執行第一個任務，但是不能通過add執行任務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");