gpt4 book ai didi

javascript - jQuery 选择器 - 如何根据多个条件选择元素,包括其 "next"元素的类型

转载 作者:行者123 更新时间:2023-11-30 13:37:50 26 4
gpt4 key购买 nike

使用 jQuery 我需要选择以下元素:
仅在“菜单”DIV 下
AND 是 DT 元素
AND 后跟一个 DD 元素

在此示例 HTML 中,我只想选择 ID“select_me1”和“select_me2”

<html><body>
<div id="menu">
<dl>
<dt id="dont_select1"><a href="#">don't 1</a></dt>
</dl>
<dl>
<dt id="dont_select2"><a href="#">don't 2</a></dt>
</dl>
<dl>
<dt id="dont_select3"><a href="#">don't 3</a></dt>
</dl>
<dl>
<dt id="select_me1"><a>select me 1</a></dt>
<dd id="community-sub">
<ul>
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
<li><a href="#">Sub 3</a></li>
</ul>
</dd>
</dl>
<dl>
<dt id="select_me2"><a>select me 2</a></dt>
<dd id="state-sub">
<ul>
<li><a href="#">Sub 4</a></li>
<li><a href="#">Sub 5</a></li>
<li><a href="#">Sub 6</a></li>
</ul>
</dd>
</dl>
</div>
<div id="other">
<dl>
<dt id="else1"><a href="#">else 1</a></dt>
</dl>
<dl>
<dt id="else2-main"><a>else 2</a></dt>
<dd id="else2-sub">
<ul>
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
</ul>
</dd>
</dl>
</div>
</body>
</html>

求助!谢谢。

最佳答案

你可以在这里倒退一点,像这样:

​$("#menu dd").prev("dt")

You can test it out here .这转到 #menu使用 #ID selector , 找到所有 descendant <dd>带有 element selector 的元素然后使用 .prev() 回到<dt>紧接在它之前的 sibling ,如果有的话。

关于javascript - jQuery 选择器 - 如何根据多个条件选择元素,包括其 "next"元素的类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3916341/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com