获取周围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()作为div元素,class group2是直接父级而不是之前的兄弟.

$(".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");
});