javascript - 选择除一个元素及其子元素/孙元素之外的所有元素

Question

我正在寻找一种方法来选择所有元素，除了一个元素及其后代可能有 child /孙子甚至更多。我真正想做的是......

$("*").not(".foo, .foo *").bind("touchmove",function(e){
    e.preventDefault();
});

这将禁用除 foo 类及其子类之外的所有 touchmove 事件。但不幸的是，我不知道它会有多少代，因为我将要编写的代码write 将在很多模板文件中使用，因此他们可能根本没有 child ，或者他们可能有 10 代家庭。

有什么办法可以实现吗？除了制作新的 dev/span 来包装除我不想选择的其他人之外的其他人。(由于某种原因，此解决方案将花费很长时间。)

如有任何建议或建议，我们将不胜感激。

Answer 1

您的代码完全符合您的要求:

JSFiddle example

你试过了吗？我用悬停做了一个小例子以使其可见+我只选择了div 和 p 使其更容易，但它也适用于所有元素。

$("div,p").not(".foo, .foo *").hover(function(){
    $(this).css("background", "#70A5C9");
},function(){
    $(this).css("background", "#ffffff");
});

之所以有效，是因为每个后代都继承了其祖先的类。在我的示例中，您可以看到最深的 div 将包含所有 fooX 类 (1 < X < 6)。

再看一个visible example ，一旦我给 foo3 一个新的背景颜色，所有内部 foos 将具有相同的背景颜色。