获取周围div的类（Javascript，jquery）

Question

<div class="group group2">
  <div class="groupHeader">New Group</div>
    <ul>
      <li><span class="moreLinks">Add a link</span></li>
    </ul>
  </div>
</div> 

当用户点击“groupHeader”类时，如何获取“group2”类？ 我尝试使用prev()，但它返回了undefined。

Answer 1

你需要使用.parent()而不是.prev()，因为class group2的div元素是直接父级而不是之前的兄弟。

$(".groupHeader").click(function(){
 var classnames = $(this).parent().attr("class")
});

Answer 2

使用.parent()或.closest()代替.prev()，如下所示：

$(".groupHeader").closest("div").attr("class");
$(".groupHeader").parent("div").attr("class");

Answer 3

使用 parent()

$(".groupHeader").click(function(){
   $(this).parent().attr("class");
});

Answer 4

改为使用jquery parent（）函数：

$( ".groupHeader" ).click(function() {
 $(this).parent().css( "background", "yellow" ); 
});

我在这里为你做了一个小提琴;-) https://jsfiddle.net/qLkt5z83/

Answer 5

你特意要求“group2”，所以你去了：

$(".groupHeader").click(function()
{
    var groupNo = $(this).parent().attr("class").replace('group ', '');

    alert(groupNo);
});