javascript - 如何使用 jquery 隐藏父元素？

Question

假设以下 HTML:

<li class="fooli">
   <a class="foo" href="javascript:foo(this);">anchor</a>
</li>
<li class="fooli">
   <a class="foo" href="javascript:foo(this);">anchor</a>
</li>

和以下 Javascript(使用 jquery 1.3.2):

function foo(anchor) {
  alert($(anchor).attr('href'));
}

我的目标是能够隐藏被点击的 li，但我无法为它们分配唯一的 ID。因此，我想通过 $(anchor).parent().hide() 之类的方法来定位(即识别点击的特定 anchor )。

但是，上面的警报返回“undefined”，所以我什至不知道我是否拥有正确的 jquery 对象。

我如何找出对象 $(anchor) 是什么？特别是，我如何查看它具有哪些属性、它具有什么类、它是什么 HTML 元素等？

Answer 1

你不能这样做吗:

$(function() {
  $("a.foo").click(function() {
    $(this).parent().hide();
    return false;
  });
});

与:

<li class="fooli"><a class="foo" href="#">anchor</a></li>
<li class="fooli"><a class="foo" href="#">anchor</a></li>