带有类和变量id的jquery选择器

jquery selector with a class and variable id

本文关键字:jquery 选择器 id 变量      更新时间:2023-12-22

我在一个变量中有一个元素id,比如elementId。现在我想从一个类中选择元素,比如.control-menu,它的id等于元素id。

我正在像一样尝试

$('.control-menu "#"+elementId')

我遇到语法错误。有人能告诉我做这件事的正确方法吗?

我建议:

$('#' + elementId + '.control-menu');

将匹配<div id="elementID" class="control-menu"></div>

id是唯一的;首先选择by,然后检查它是否有匹配的类名。

顺便说一句,您的原始选择器正在搜索具有id的元素,该元素具有.control-menu类的祖先元素。

如果您搜索id元素是另一个.control-menu类的子元素,则:

$('.control-menu #'+elementid);

将与<div class="control-menu"><div id="elementID"></div></div> 匹配

因为您有一个id,所以您可以使用id选择器,因为元素的id将是唯一的

$('#'+elementId)

您可以使用以下任意一种:

$('#' + elementId + '.control-menu');

id是唯一的;首先选择by,然后检查它是否有匹配的类名。

顺便说一句,您的原始选择器正在搜索具有id的元素,该元素具有.control-menu类的祖先元素。

如果您搜索id元素是另一个.control-menu类的子元素,则:

$('.control-menu #'+elementid);
$('.control-menu #'+elementId);

或简称

$('#'+elementId);

尝试这个

$('.control-menu #'+elementId)

简单为:

 $('#'+ elementId )

完全不需要该类,因为CCD_ 15在您的页面中已经是唯一的。


您的问题标题显示:jquery selector with a class and variable id

如果您要选择与所需变量ID同名的CLASS,请选择:

$('.control-menu .'+ elementId )
//               ^------------------ note the class selector

否则,我重复您不能在一个页面中包含多个ID元素。