带有变量的 jQuery 选择器

发布于 2024-10-15 17:14:15 字数 167 浏览 1 评论 0原文

如何将变量与选择器混合?

我有 ID 变量。

我想从 div #one 中选择具有此 id 的图像。

jQuery('#one img .id') 是选择器。我尝试过 $('#one img .'+id) 但不起作用。

How to mix variables with selectors?

I have ID variable.

I want to select image with this id from div #one.

jQuery('#one img .id') is the selector. I've tried $('#one img .'+id) but doesn't work.

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

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

发布评论

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

评论(5

人心善变 2024-10-22 17:14:15

编辑:根据您下面的评论,您将使用以下内容:

$('#one img.'+id)

在您的问题中,您在 img.class 之间有一个空格,我只是将其删除,以便您得到img.classNameimg.'+className

随着 模板文字 在 ECMAScript 2015 中,您也可以这样做

$(`#one img.${id}`)

Edit: Based on your comment below, you would use this:

$('#one img.'+id)

In your question you have a space between img and the .class, I've simply removed that so you get img.className or img.'+className

With the introduction of template literals in ECMAScript 2015, you can also do

$(`#one img.${id}`)
最近可好 2024-10-22 17:14:15

这可能只是一个拼写错误,或者您实际上在类中使用了 id 变量,但也许应该是:

jQuery('#one img #'+id)

This might just be a typo or you actually use the id variable in a class, but maybe it should be:

jQuery('#one img #'+id)
浅听莫相离 2024-10-22 17:14:15

. 是一个类选择器。尝试将其更改为 #

$('#one img #'+id)

. is a class selector. Try changing that to a #:

$('#one img #'+id)
盗心人 2024-10-22 17:14:15

ID 在 HTML 中应该是唯一的。因此,您应该能够直接选择 ID,而不必担心它位于哪个 DIV 中。既然您提到 ID 附加到 img 标记,那么这应该足够了。

$('#' + id);

ID's should be unique in your HTML. So you should be able to select the ID directly without worrying about which DIV it is in. Since you mention the ID is attached to the img tag, then this should be enough.

$('#' + id);
美羊羊 2024-10-22 17:14:15

也许您想选择设置了特定类的 img 并将该类保存到 div 元素内的 id 变量中,id='one'。

DEMO

在演示中,我选择 img 元素,克隆它,然后附加到 div id=一。

Maybe you want to select img which set with specific class and save this class into id variable within div element with id='one'.

DEMO

In demo i select img element, clone it, and append to div id=one.

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