无法在我的 jQuery 中使用 :not 选择器

Question

我是 HTML 和 jQuery 新手，需要一些帮助....

这是我的 HTML：

<div class="conteiner">
    <div class="calendar" style=""> </div>
    <div class="status"></div>
    <div class="avatar read"></div>
    <div class="text">
        <div class="activity mytivits-act"></div>
        <div class="comments"></div>
        <div class="text-conteiner">
            <h3>test remind</h3>
            <span class="grey"></span>
            <span class="send-reminder">Remind</span>
       </div>
    </div>
</div>

当用户点击提醒链接时，我试图从下面的 .live 函数中过滤掉点击（因为我有一个单独的函数来处理这种情况）

<span class="send-reminder">Remind</span>

使用下面的 jQuery 行，但它不起作用...知道如何解决它吗？

$('.text-conteiner:not(.send-reminder)').live('click', function(e){
    ...
}));

Answer 1

我认为您可以停止事件传播。 :not() 在这里不起作用。

$('.text-conteiner').live('click', function(e){
    e.stopPropagation();
    // your code
});

DEMO

例如，你也可以这样做：

$('.text-conteiner').live('click', function(e){
    alert('container');
});
$('.send-reminder').click(function(e) {
    e.stopPropagation();
    alert('remainder');
})

DEMO ​

注意

如果可能，那么使用 .on() 代替 .live() 使用 jQuery 1.7+ 进行委托事件处理。

Answer 2

在send-reminder 范围内使用event.preventDefault()。

$('.text-conteiner span.send-reminder').on('click', function(e){
    e.preventDefault();
}));