使用 jQuery 选择器选择一个元素,无论 ID 是什么

发布于 2024-10-16 18:19:21 字数 879 浏览 2 评论 0原文

我有以下代码:

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

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.

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

Working example without ID in div:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

爱已欠费 2024-10-23 18:19:21

您可以尝试选择具有 id 属性

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

工作示例的父


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

You could try selecting the <h1> with a parent <div> that has an id attribute

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

working example: http://jsfiddle.net/YjSvU/


ignores div w/o id: http://jsfiddle.net/YjSvU/1/

ら栖息 2024-10-23 18:19:21

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

$('div > h1')

Yes, your selector should be a string, like this:

$('div > h1')
酒与心事 2024-10-23 18:19:21

您的选择器需要是一个字符串,因此请将其用单引号 (') 或双引号 (") 括起来。

此外 > 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.

演出会有结束 2024-10-23 18:19:21

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

http://codylindley.com/jqueryselectors/. A list of all jquery selectors. it should help you allot.

原谅我要高飞 2024-10-23 18:19:21

使用引号,我不确定第一个 >

这应该有效:

$("div > h1")

Use quotes, and im not sure about the first >

This should work:

$("div > h1")

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文