How to target the parent element

HTML:

<div class="myParent">
	<div class="myChildren"></div>
	<div class="myChildren"><span class="break">09:00</span></div>
	<div class="myChildren"></div>
	<div class="myChildren"></div>
</div>

CSS:

.extraCssToParent {
    background: peru;
}

jQuery:

jQuery(function($) {
    $(".myParent .break").parents(".myChildren").addClass( "extraCssToParent" );
});

 

Leave a Reply

Your email address will not be published. Required fields are marked *