带有变量的 jQuery 选择器答案

【问题标题】：jQuery selectors with variables带有变量的 jQuery 选择器
【发布时间】：2011-06-21 01:48:51
【问题描述】：

如何混合变量和选择器？

我有 ID 变量。

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

jQuery('#one img .id') 是选择器。我试过$('#one img .'+id)，但没有用。

【问题讨论】：

【解决方案1】：

编辑：根据您在下面的评论，您将使用这个：

$('#one img.'+id)

在你的问题中，img 和 .class 之间有一个空格，我只是删除了它，所以你得到 img.className 或 img.'+className

随着ECMAScript 2015中template literals的引入，你也可以这样做

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

【讨论】：

【解决方案2】：

这可能只是一个错字，或者您实际上在一个类中使用了id 变量，但也许它应该是：

jQuery('#one img #'+id)

【讨论】：

【解决方案3】：

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

$('#one img #'+id)

【讨论】：

【解决方案4】：

ID 在您的 HTML 中应该是唯一的。所以你应该可以直接选择ID而不必担心它在哪个DIV。既然你提到ID附加到img标签上，那么这就足够了。

$('#' + id);

【讨论】：

【解决方案5】：

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

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

【讨论】：