jQuery -Wildcard Selector以字符串开头，以W / Variable结束

Question

我一直在网上寻找一个例子或解决方案，但还没有成功。我面临的挑战是使用jQuery来选择以字符串开头的元素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>

.JS文件

//does not work, because it is looking for success+number
function showIcon(number){
    $('[id^=success]'+number).show();
}

我需要它来查找以“success”开头并以“number”变量结尾的id。

非常感谢您的帮助，并提前感谢您的时间！

Answer 1

您可以使用选择器：

$('[id^=success][id$='+number+']').show();

但请注意，number = 1;两个div的ID匹配为success-icon1，例如success-icon11。现在这取决于你的预期行为。

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