嵌套表中的Acess元素

时间:2016-07-25 21:51:48

标签: jquery

我基本上尝试在点击任何子元素时打印策略。 这是一个非常奇怪的列表,我得到它,我试图让它工作,但无法让它显示。

 $(".submenu li").click(function() {

 alert($(this).text()); 
 alert( $(this).parent().find('li.sub').text());

 });

我试过

     alert( $(this).parent().find('li.sub').text());
     alert($(this).closest('.submenu').closest('a').text());

     alert($(this).closest('.submenu').closest('sub').find("a").text());

http://jsfiddle.net/ettnxuxa/

点击任何子元素后的预期输出: 它的警报只是“政策”

1 个答案:

答案 0 :(得分:0)

parent()方法仅为您提供直接的父元素。要做你想做的事,试试:

alert($(this).parent().parent('.sub').text());

但更好的方法是使用:

alert($(this).closest('.sub').text());

要获取.sub的子元素,您将使用children()方法,因此:

alert($(this).closest('.sub').children('a').text());

jsfiddle