jquery选择父元素同级元素
jquery选择父元素同级元素
提问于 2012-01-28 16:39:05
好的，让我们看看我是否能在这里解释得足够清楚。我的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_right“中看到"Remove”和"Favorite“。当这两个选项中的任何一个被单击时，我需要做的是获取同一个li的"info_left“div的rel和TEXT值。我已经尝试了几种方法，但我不认为我能正确理解父母、兄弟姐妹之间的组合，或者我不知道。不管怎样都希望有人能扔给我一根骨头。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-01-28 16:43:26
它应该是：
$('.info_remove,.info_favorite').on('click', function() {
var $left = $(this).parent().siblings('.info_left');
var rel = $left.attr('rel');
var txt = $left.text();
...
});Stack Overflow用户
发布于 2012-01-28 16:52:47
jsFiddle example
$(document).ready(function(){
$(".info_right span").click(function(){
$("#msg").html($(this).attr("class")+": "+$(this).parent().prev().attr("rel"));
})
})Stack Overflow用户
发布于 2012-01-28 17:27:42
尝尝这个
$('.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/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9043969
复制相关文章
相似问题
腾讯云开发者
