javascript - jquery 中的目标 DOM 元素

标签 javascript jquery dom dom-traversal

我有以下 html

<ul id="some_nav">
   <p>Tester</p>
</ul>
<div class="packs"></div>

<ul id="some_nav">
    <p>Jones</p>
</ul>
<div class="packs"></div>

<ul id="some_nav">
    <p>Trey</p>
</ul>
<div class="packs"></div>

我想知道如何定位类(class) .packs<p>Jones</p> 之后

最佳答案

您应该安排您的 DOM 结构,但现在是这样:

$("p:contains('Jones')").parent().next();

首先,选择所有具有文本 Jonesp 元素,然后向上查找其父元素,然后选择每个结果的下一个同级元素。

<强> Working demo

引用

http://api.jquery.com/contains-selector/

http://api.jquery.com/parent/

http://api.jquery.com/next/

关于javascript - jquery 中的目标 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18706038/

相关文章:

jquery .load函数,IE中缓存失败

jquery - Jquery 可以知道我的 gif 动画何时结束吗?

javascript - 如何使 TR/TD 在 html 中不动?

angularjs - 更改 Controller 内的模型对象以操作 DOM - Angular js- 最佳实践?

java - 扩展 DOM 元素功能的正确方法是什么?

javascript - 如何调用 onkeydown/onfocus 到列表标签?

javascript - 为什么 ng-include 不工作?

javascript - DataTable分页后无法点击按钮

javascript - 我如何从 native react 中的辅助函数分派(dispatch)一个 Action

javascript - d3.select 与 document.getElementById