Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何从.on(';单击';_Jquery - Fatal编程技术网

Jquery 如何从.on(';单击';

Jquery 如何从.on(';单击';,jquery,Jquery,我有以下设置: $("#content-button-panel") .on('click', 'a:not(".folder")', function (event) { event.preventDefault(); var $link = $(this); ServerFunctions.getContentAjax($link); }); 我已经阅读排除任何与“文件夹”类的链接。我如何也使 是

我有以下设置:

$("#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>
xx
yyy
zzz

您的html没有具有类
文件夹的锚元素,您可以使用
.not()
,如

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

演示: 示例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>

实现这一点的另一种方法是使用选择器作为

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

FIDDLE is

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

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

单引号中的单引号?@Beetroot:Beetroot::)。。谢谢你的帮助。我现在修改了“以下链接”-是(a)“以下链接”如“问题中列出的”,还是(b)“以下链接”如“兄弟链接低于$link”?
    $("#content-button-panel")
       .on('click', 'a:not([class^="title-"]),a:not(".folder")', function (event) {
       event.preventDefault();
       var $link = $(this);
       ServerFunctions.getContentAjax($link);
   });