javascript - 如何使用 JQuery 处理对 id 以特定字符串开头的链接的点击？

Question

我是 JQuery 新手，遇到以下问题。所以我有一个包含以下 HTML 代码的 JSP 页面:

<!-- Bottone relativo ai progetti WIFI: -->
<a title="WIFI" href="javascript: void(0)" id="showWifi_${item.index}">
    <div class="news_box news_box_01"></div>
</a>

<!-- Bottone relativo ai progetti PNSD: -->
<a title="PNSDe" href="javascript: void(0)" id="showPnsd_${item.index}">
    <div class="news_box news_box_02"></div>
</a>

如您所见，这些a标签的ID**类似于id="showWifi_${item.index}"和id="showPnsd_${item.index}"。因此，这些 id 正在创建检索 item.index (渐进式 int)，它呈现唯一的 id，如 showWifi_1、showWifi_2** 等。

现在我必须使用 JQuery 来处理用户单击这些链接的情况，并且在这个 JQuery 脚本中我必须检索特定单击链接的特定 id。

例如，如果用户点击 ID 为 showWifi_1 的 a 标签，则必须检索该值。

如果我在 id 末尾没有这个渐进值(${item.index})，我知道我可以这样做:

$(document).ready(function(){
    // Select the 
    $("#showWifi").click(function(){
        //$("p").hide();
        alert("SHOW WIFI");
    });

    $("#showPnsd").click(function(){
        //$("p").show();
        aler("SHOW PNSD");
    });
});

问题是我不能使用 $("#showWifi") 和 $("#showPnsd") 来选择我的 a 标签，因为 id 后面跟着 ${item.index}。

我该如何处理这种情况？我可以看到类似的内容吗:当用户点击 a 标签时，该标签的 id 以 showWifi_ 或 showPnsd_ 开头> 执行脚本并检索 _ 字符后的数值？

Tnx

Answer 1

尝试使用attribute starts带选择器，

$("[id^='showWifi_']").click(function(){

和

$("[id^='showPnsd_']").click(function(){

但是，您最好不要使用属性选择器，而是为这些元素设置一个类，并使用类选择器为其绑定(bind)事件。类选择器比属性选择器更有效。