If I have code like this inside my view page
<li>
<a class="selected" href="/">Some link</a>
</li>
how can I use jquery to find this element (with selected class) and append to it's parent li element some css class, result should be like this
<li class="some-class">
<a class="selected" href="/">Some link</a>
</li>
use:
$('.selected').parent().addClass('some-class')
or
$('.selected').closest('li').addClass('some-class')
Using Jquery you can use the parent function: https://api.jquery.com/parent/
https://api.jquery.com/parent/
$(".selected").parent().addClass("some-class")
You can use .parent()
$('.selected').parent().addClass('some-class')
or .closest()
$('.selected').closest('li').addClass('some-class')
You can get parent by jquery parent api doc:
https://api.jquery.com/parent/
try like this:
$(".selected").parent().addClass("some-class");
or
$(".selected").parent("li").addClass("some-class");
