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