选择除jQuery之外的所有按钮

Question

我有这个代码:

<div id="filters" class="button-group">
    <button class="button is-checked" data-filter="*">Tous</button>
    <button class="button" data-filter=".image">Photos</button>
    <button class="button" data-filter=".movie">Vidéos</button>
    <button class="button" data-filter=".text">Text Seulement</button>
    <button class="button" id="sort" data-sort-value="likes">Likes</button>
</div>

我想从div #filters中选择所有按钮,除了唯一一个#sort,使用jQuery的选择器.

目前我有这个,但它不起作用:

$('#filters').not('#sort').on( 'click', 'button', function() {
...
    }

你能帮助我吗 ？

Answer 1

您的选择器应如下所示

$('#filters button').not('#sort')

$('#filters button').not('#sort').css('background', 'blue')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="filters" class="button-group">
  <button class="button is-checked" data-filter="*">Tous</button>
  <button class="button" data-filter=".image">Photos</button>
  <button class="button" data-filter=".movie">Vidéos</button>
  <button class="button" data-filter=".text">Text Seulement</button>
  <button class="button" id="sort" data-sort-value="likes">Likes</button>
</div>