使用 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/