获取jQuery选择兄弟

Question

我想检测两个元素点击：

1) class is called advancedTargeting 
2) the sibling li of the li that has the `area` attribute. 

例如第二需求：

<li area style='display:block'>bla</li> 
<li>123</li> 
<li>356</li> 

所以我要赶在同级里的点击的李区。在这个例子中，我想要获得关于li的onclick，他的文本是：123。

<li area style='display:block'>bla</li> 
<li>356</li> 

（在这个例子中，点击356立）..

他们应该是相同的功能。

我觉得应该这样做：

$('.advancedTargeting, li[area]:next').live('click', function() { 

}); 

Answer 1

这里是siblings选择，你所需要的。

$('.advancedTargeting, li[area] ~ li').live('click', function() { 

}); 

Answer 2

我建议：

$('li[area]').next().on('click', function(){ 
    // click handling here 
}); 

虽然最好能够使用，有效的，HTML 5个data-*属性，而不是您的无效自创的属性。

顺便说一下，live()在jQuery 1.7中被弃用（替换为on()），并在jQuery 1.9中被删除;并在jQuery < = 1.7 delegate()被推荐，在文档中，更有效率/性能。

参考文献：

• next()。
• on()。

Answer 3

$('.advancedTargeting, li[area] + li').on('click', function(){ 
    var number = $(this).text(); 
}); 

Answer 4

$('.advancedTargeting li[area]:next').live('click', function() { 
... 
}); 

OR

$('.advancedTargeting li[area]:next').click(function() { 
... 
}); 

Answer 5

要选择的li第一个侧边具有属性area简单地使用siblings selector结合:first selector：

$('.advancedTargeting li[area]').siblings().filter(":first") 

要添加点击功能：

$('.advancedTargeting li[area]').siblings().filter(':first').on('click',function(){ 
//code goes here... 
}) 

jsfiddle demo