使用 jQuery 选择器选择一个元素,无论 ID 是什么
我有以下代码:
<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 有关,而不是选择器本身,下面是我实际尝试运行的代码。
div 中没有 ID 的工作示例:
I have the following code:
<div>
<div id="someID"><h1>Blah</h1></div>
<div id="someID2"><h1>Blah</h1></div>
</div>
and I am trying to select in jQuery (for the accordion in jQuery UI). However, the following does not work unless I remove the ID from the div.
$('> div > h1')
Is there some way to tell the selector to ignore the ID, or am I going about this the wrong way?
Edit: The actual use I'm going for is in the sortable accordion in jQuery UI, with IDs on the div elements. An example of what I'm doing, with source, can be found here:
http://jqueryui.com/demos/accordion/#sortable
Edit: As I have a feeling this may be related to jQueryUI, rather than the selectors themselves, below is the code I'm actually trying to run.
Working example without ID in div:
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
您可以尝试选择具有
id
属性工作示例的父
和
:http://jsfiddle.net/YjSvU/
忽略
div
w/oid
: http://jsfiddle.net/YjSvU/1/You could try selecting the
<h1>
with a parent<div>
that has anid
attributeworking example: http://jsfiddle.net/YjSvU/
ignores
div
w/oid
: http://jsfiddle.net/YjSvU/1/是的,您的选择器应该是一个字符串,如下所示:
Yes, your selector should be a string, like this:
您的选择器需要是一个字符串,因此请将其用单引号 (
'
) 或双引号 ("
) 括起来。此外
> div
也不会有道理,因为>
是直接后代 / 子选择器,并且左侧没有父级(或其他上下文)。删除前导看到它不能在 jsFiddle 上运行。
Your selector needs to be a string, so wrap it in single (
'
) or double quotes ("
).Also
> div
does not make sense, as>
is direct descendant / child selector, and you have no parent on the left hand side (or otherwise context). Remove the leading>
.See it not working on jsFiddle.
http://codylindley.com/jqueryselectors/。所有 jquery 选择器的列表。它应该可以帮助你分配。
http://codylindley.com/jqueryselectors/. A list of all jquery selectors. it should help you allot.
使用引号,我不确定第一个 >
这应该有效:
$("div > h1")
Use quotes, and im not sure about the first >
This should work:
$("div > h1")