无论ID如何,都使用jQuery选择器选择一个元素

时间:2011-02-09 13:28:08

标签: jquery jquery-ui jquery-selectors

我有以下代码:

<div>
 <div id="someID"><h1>Blah</h1></div>
 <div id="someID2"><h1>Blah</h1></div>
</div>

我试图在jQuery中选择(对于jQuery UI中的手风琴)。但是,除非我从div中删除ID,否则以下操作无效。

$('> div > h1')

有没有办法告诉选择器忽略ID,或者我是以错误的方式解决这个问题?

编辑:我想要的实际用途是在jQuery UI中的可排序手风琴中,在div元素上有ID。我可以在这里找到一个关于我正在做的事情的例子:

http://jqueryui.com/demos/accordion/#sortable


编辑:我觉得这可能与jQueryUI有关,而不是选择器本身,下面是我实际尝试运行的代码。

http://jsfiddle.net/Zgkj4/1/

div中没有​​ID的工作示例:

http://jsfiddle.net/Zgkj4/2/

5 个答案:

答案 0 :(得分:2)

您可以尝试选择具有<h1>属性的父<div> id

$("div > div[id] > h1")

工作示例:http://jsfiddle.net/YjSvU/


忽略div w / o idhttp://jsfiddle.net/YjSvU/1/

答案 1 :(得分:1)

是的,您的选择器应该是一个字符串,如下所示:

$('div > h1')

答案 2 :(得分:1)

您的选择器必须是一个字符串,因此请将其包装在单个(')或双引号(")中。

> div也没有意义,因为>是直接后裔/ child selector,而左手边(或其他情境)没有父母。删除前导>

See it not working on jsFiddle

答案 3 :(得分:1)

http://codylindley.com/jqueryselectors/。所有jquery选择器的列表。它应该帮助你分配。

答案 4 :(得分:0)

使用引号,我不确定第一个&gt;

这应该有效:

$(“div&gt; h1”)