javascript - 将 event.target 与现有的 jQuery 对象匹配

Question

我该怎么做？

event.target 返回一个 HTML 对象，

我的元素是一个 jQuery 对象。

除了比较 ID 或类之外，是否有更好的方法来确定 event.target = my_jquery_object？

我想确保它是同一个对象，而不仅仅是具有相似类的元素...

我尝试使用 $(event.target) !== the_element 但它失败了

the_element 在开头定义为 $('.something', $(this))

---

我想做的是当用户点击框外时关闭框，但条件是点击不是首先打开框的链接。

所以我有这个:

$(document).click(function(event){
  if(($(event.target).parents().index(box) == -1) 
    && box.is(':visible')){
      close(); 
  }

});

我想添加另一个条件来验证点击不是在打开框的链接上进行的。

这行得通，但我不喜欢它:

if($(event.target).attr('id') != the_element)

:)

Answer 1

您可以使用 .get(0) 或简单地使用 the_element[0] 从 jQuery 中获取实际的 DOM 元素。不过，使用 jQuery 检查可能会更好。

if (the_element.is(event.target))
{
    ...
}

使用你的例子:

$(document).click(function(event){
  if (the_element.is(event.target)) {
      return false;
  }
  if(($(event.target).parents().index(box) == -1) 
    && box.is(':visible')){
      close(); 
  }

});