javascript - jQuery 仅针对 li 标签,其中元素具有特定的类

标签 javascript jquery

有没有办法只定位 a 标签具有特定类的 li 元素?

例如:

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

我可以只定位 a 具有“仅移动”类的 li 吗?

最佳答案

您可以使用 mobile-only 类访问 anchor 标记的父级

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

或者您可以使用parent pseudo selector ,但存在性能问题

li a:parent { background: none; }

js代码 $("li a:parent")

还有has selector

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

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

关于javascript - jQuery 仅针对 li 标签,其中元素具有特定的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35653205/

相关文章:

javascript - 我如何在 ReactJS 中使用窗口对象?

jquery - 有关 JSON 实际限制的反馈?

javascript - Typeahead 在 AEM 6.1 中不起作用,但在 CQ 5.6.1 中起作用

javascript - 如何从jquery中的另一个对象访问一个对象中声明的变量

Javascript/Node - 将数据库中存储为文本的 json 转换为 JSON 对象

javascript - 在 mat-vertical-stepper 中完成 mat-step 的 CSS

javascript - 双击列表项打开页面

javascript - 选择二维数组中的 "lowest"项

javascript - 为什么我的 spritesheet 被加载了多次?

javascript - JQuery为每个 anchor href替换缩略图img src