Question

我是jQuery的新手，希望有人可以帮助我。

我目前使用下面的代码片段到目前为止按预期工作。但是，我现在需要对其进行更改以便可以将其用于动态添加的元素，并且我在这里面临.not的一些问题。

我目前的代码：

$('.customSelect dd ul li a').not('.disabled, .selectMain').on('click', function(){
    var selectHtml = $(this).html(),
        selectVal = $(this).next('span.selectVal').text();
    $(this).closest('div.divSelect').attr('name', selectVal).find('dt a span.selectActive').html(selectHtml).end().find('dd ul').hide();
});

我知道我可以写下面但我不知道如何应用.not然后这个：

$(document).on('click', '.customSelect dd ul li a', function(){
    // ...
});

非常感谢，并对这个初学者问题表示抱歉麦克

Answer 1

您可以使用:not选择器：

$(document).on('click', '.customSelect dd ul li a:not(.disabled, .selectMain)', function() {
    // do something...
});

或者，您可以使用hasClass()方法：

$(document).on('click', '.customSelect dd ul li a', function() {
    if ($(this).hasClass('disabled') || $(this).hasClass('selectMain'))
        return;

    // do something...
});

如何使用.not更改选择器以应用于dom元素

1 个答案: