jquery traversing to find a parent's parent

Answer 1

You may use closest(). Try this:

$(this).closest("li.comment");

Answer 2

$("a.del").click(function() {
    alert($(this).closest("li").attr("class"))
 })

Answer 3

.parent() by itself just refers to the immediate ancestor of a node, but you can also do:

var li = $('a.del').parents('li.comment');

to have JQuery go back up the DOM tree until it finds a matching ancestor node. In this case, li will point at the a's li ancestor.

---

edit: forgot that .parent() only goes up one level, while .parents() goes up the entire tree. Both accept a selector argument, however.

Answer 4

var p = $('.del').parents('li');
console.log(p);

http://jsfiddle.net/hZY8R/

The .parents() and .parent() methods are similar, except that the latter only travels a single level up the DOM tree.

As you can see, when you use parents with a selector, you will be fine.

Answer 5

Use the following code:

$(function(){
    $("a").click(function(){
        $(this).parents("li").hide();
    })
})

http://jsfiddle.net/4yCux/1/

Answer 6

You should use closest() which will traverse up the DOM until it finds the element you're after:

$('a').closest('li');

If you were doing this the other way around (i.e. you had the li and wanted to find the a) you would use:

$('li').find('a');