如何使用jquery选择父元素的兄弟？

我试图使用jquery专门选择兄弟元素具有相同的父元素。 代码是这样的：

HTML

 
 
    Awesome Label Name  
 
    Awesome Label Name 2  
 
 
 
  

JQUERY

  $('.icon', '.cool-check-list').click( function(e){ $(this).parent('li label .icon').toggleClass('icon-alternate'); }); 

Answer 1

假设您已经获得了对点击范围的引用，您可以这样做：

 $(this).closest("ul").siblings().find(".icon") 

this是您点击的span 。 nearest获取与选择器匹配的最近祖先。

Answer 2

您应该更准确地告诉我们您想要选择的内容以及您尝试的内容。

无论如何，你可以使用jquery的parents（）函数，例如：

 $(".icon").parents("li") 

将在DOM中的类图标之前选择每个节点li’。

顺便说一句，照顾父母和父母之间的区别 – 引用jquery文档：

.parents（）和.parent（）方法类似，只是后者只在DOM树上运行一个级别。