如何在jQuery中定位除1个元素之外的所有元素？

Question

我有一个href，它可以在屏幕中间打开一张照片(可以把它想象成fancybox/lightbox/lytebox)，当用户点击站点上的任何地方时，我想要关闭它，除了包含照片的div。

我如何用jQuery来实现这个目标呢？

Answer 1

使用jQuery .not()方法。

$(".elements").not(".this-element").on("click", function() {
  $(".this-element").hide();
});​

http://jsfiddle.net/6McAF/

更新

正如@nnnnnn所指出的，当你这样做的时候，你会遇到一些复杂的传播问题。更好的方法是使用overlay div (如@j08691所述，z索引小于您想要隐藏的元素)，并绑定到该元素。

或者添加另一个处理程序(我不推荐这样做)：

$(".this-element").on("click", function(e) {
  e.stopPropagation(); // ugly boilerplate to fix thoughtless bindings
);