jQuery仅针对元素具有特定类的li标签

Question

Is there a way to target only li elements where the a tag has a specific class?

for example:

<li> <a href="#" class="mobile-only">link</a> </li>
<li> <a href="#" class="other-class">link</a> </li>

Can I just target the li where a has class "mobile-only"?

Answer 1

you can access the parent of anchor tag with class mobile-only

$( "a.mobile-only" ).parent();

or you can use parent pseudo selector , but there are performance concerns

li a:parent { background: none; }

js Code $( "li a:parent" )

also the has selector

li:has(a.mobile-only) { background: none; }

js Code $( "li:has(a.mobile-only)" )

Answer 2

This is very easy to do with jQuery.

Just do:

$("a.mobile-only").parents("li")

Answer 3

$('a.mobile-only').parent("li")