jquery选择父元素兄弟

好的,让我们看看我能否在此解释清楚。 我的HTML看起来像

  • Fries
    [Remove] [Favorite]
  • Burger
    [Remove] [Favorite]
  • Taco
    [Remove] [Favorite]
  • 如果你注意到你会在div“info_right”中看到“删除”和“collections夹”。 当单击这两个选项中的任何一个时,我需要做的是获取相同li的“info_left”div的rel和text值。 我尝试了几种方法,但不要以为我正在确定父母,兄弟姐妹之间的组合,或者我不知道。 无论哪种方式,希望有人可以折腾我的骨头。

    它应该只是:

     $('.info_remove,.info_favorite').on('click', function() { var $left = $(this).parent().siblings('.info_left'); var rel = $left.attr('rel'); var txt = $left.text(); ... }); 

    jsFiddle示例

     $(document).ready(function(){ $(".info_right span").click(function(){ $("#msg").html($(this).attr("class")+": "+$(this).parent().prev().attr("rel")); }) }) 

    试试这个

     $('.info_remove,.info_favorite').click(function() { var target_elem = $(this).parent().prev(); alert(target_elem.attr('rel')); alert(target_elem.text()); }); 

    小提琴: http : //jsfiddle.net/ss37P/1/