jquery - 特定のクラスを持つリンクを.on（'click'から除外するにはどうすればよいですか？

Question

私は次のように設定しています：

$("#content-button-panel")
       .on('click', 'a:not(".folder")', function (event) {
           event.preventDefault();
           var $link = $(this);
           ServerFunctions.getContentAjax($link);
       });

私はすでに「フォルダ」のクラスを持つリンクを除外しています。「title-...」で始まるクラスを持つ次のリンクを除外するにはどうすればよいですか？

<a class="title-x">xx</a>
<a class="title-123243234">yyy</a>
<a class="title-sadfdsaf">zzz</a>

Answer 1

あなたのhtmlにはクラスを持つアンカー要素がありません、あなたはのようにfolder使うことができます.not()

$("#content-button-panel > a").not(".folder").on('click', function (event) {
     event.preventDefault();
     var $link = $(this);
     alert($link);
});

また

$("#content-button-panel").on('click', 'a:not(.folder)', function (event) {
 ...

デモ：jsFiddleの 例のhtml

<div id="content-button-panel">
    <a href="#" class="title-x">xx</a>
<a href="#" class="title-123243234">yyy</a>
<a href="#" class="title-sadfdsaf folder">zzz</a>
</div>

Answer 2

セレクターを次のように使用するこれを実現する別の方法

$('#content-button-panel, a:not([class*="title-"], [class="folder"])')
       .on('click', function (event) {
           event.preventDefault();
           alert($(this));
       });

FIDDLEはこちら

Answer 3

複数のセレクターを使用すると、両方のアンカータグ要素が除外されます

    $("#content-button-panel")
       .on('click', 'a:not([class^="title-"]),a:not(".folder")', function (event) {
       event.preventDefault();
       var $link = $(this);
       ServerFunctions.getContentAjax($link);
   });