Javascript jquery选择父元素同级

好的，让我们看看我是否能在这里解释清楚。 我的HTML看起来像

<li>
    <div class="info_left" rel="snack">Fries</div>
    <div class="info_right">
        <span class="info_remove">[Remove]</span>
        <span class="info_favorite">[Favorite]</span>
    </div>
</li>
<li>
    <div class="info_left" rel="lunch">Burger</div>
    <div class="info_right">
        <span class="info_remove">[Remove]</span>
        <span class="info_favorite">[Favorite]</span>
    </div>
</li>
<li>
    <div class="info_left" rel="4thmeal">Taco</div>
    <div class="info_right">
        <span class="info_remove">[Remove]</span>
        <span class="info_favorite">[Favorite]</span>
    </div>
</li>

炸薯条
[删除]
[最爱]


汉堡
[删除]
[最爱]


墨西哥玉米薄饼卷
[删除]
[最爱]

如果您注意到，您将在div“info\u right”中看到“Remove”和“Favorite”。当这两个选项中的任何一个被点击时，我需要做的是获取同一个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();
   ...
});

试试这个

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

---

fiddle:

如果您尝试过，请展示您所做的，我们可以为您提供指导。

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