<div class="group group2">
<div class="groupHeader">New Group</div>
<ul>
<li><span class="moreLinks">Add a link</span></li>
</ul>
</div>
</div>
How can I get the class "group2" when the user clicks the class "groupHeader"?
I tried it with prev()but it returned undefined.
Use .parent() or .closest() instead of .prev() like this:
$(".groupHeader").closest("div").attr("class");
$(".groupHeader").parent("div").attr("class");
parent() worked for me. Silly me :D
You need to use .parent() instead of .prev() as the div element with class group2 is immediate parent and not previous sibling.
$(".groupHeader").click(function(){
var classnames = $(this).parent().attr("class")
});
use parent()
$(".groupHeader").click(function(){
$(this).parent().attr("class");
});
Use the jquery parent() function instead:
$( ".groupHeader" ).click(function() {
$(this).parent().css( "background", "yellow" );
});
I made a fiddle for you here ;-) https://jsfiddle.net/qLkt5z83/
You specifically asked for "group2" so here you go:
$(".groupHeader").click(function()
{
var groupNo = $(this).parent().attr("class").replace('group ', '');
alert(groupNo);
});
