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

小提琴在这里

Answer 3

使用多个选择器，这将排除两个锚标记元素

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