Javascript jQuery-通配符选择器以字符串开头,以变量结尾

Javascript jQuery-通配符选择器以字符串开头,以变量结尾,javascript,jquery,html,jsp,jquery-selectors,Javascript,Jquery,Html,Jsp,Jquery Selectors,我一直在网上寻找一个例子或解决方案,但还没有成功。我面临的挑战是使用jQuery选择一个元素ID,该元素ID以字符串开头,但也以函数传入的变量结尾 示例: .JSP文件-有一个ForEach循环,它创建动态div并将变量${number}作为键添加到它们的“id”中。这允许按钮仅显示/隐藏该唯一div,而不会影响同一页面上的其他div <div id="success-icon${number}"></div> <div id="success-msg${numbe

我一直在网上寻找一个例子或解决方案,但还没有成功。我面临的挑战是使用jQuery选择一个元素ID,该元素ID以字符串开头,但也以函数传入的变量结尾

示例:

.JSP文件-有一个ForEach循环,它创建动态div并将变量${number}作为键添加到它们的“id”中。这允许按钮仅显示/隐藏该唯一div,而不会影响同一页面上的其他div

<div id="success-icon${number}"></div>
<div id="success-msg${number}"><p>My Message</p></div>

<button id="success-btn${number}" onclick="showIcon(${number})">Show Button ${number}</button>
我需要它寻找一个以“success”开头,以“number”变量结尾的id


非常感谢您在这方面的帮助,并提前感谢您的时间

您可以用作选择器:

$('[id^=success][id$='+number+']').show();
但要注意,将匹配
number=1都是
div
s,ID为:
success-icon1
,例如
success-icon11
。这取决于你的预期行为


无论如何,要对某些元素进行“分组”,最好使用特定于每个分组元素的公共类。

谢谢!这正是我要找的。
$('[id^=success][id$='+number+']').show();