Question

我只是尝试向所有锚标签添加一个click函数，其id由特定模式命名为'some_ID1'，'some_ID2'etc。我提到了jquery文档，但我无法得到它。这是样本fiddle

<a href="#" id="some_id1"> some link 1 </a> <br>
<a href="#" id="some_id2"> some link 2 </a> <br>
<a href="#" id="some_id3"> some link 3 </a>

console.log("link is " + $("#a[id|='some_']"));

$("#a[id|='some_']").on ('click', function (e){ 
    e.preventDefault();
    console.log ("a click " + $("#a[id|='some_']"));
});

Answer 1

在您的情况下，只需使用^（从选择器开始）并从选择器中移除#，如下所示： -

$("a[id^='some_id']").on('click', function (e){    
    e.preventDefault();
    console.log ("a click " + this.id);
});

Answer 2

您可以使用属性启动选择器。您还需要从元素选择器#中删除ID选择器a：

$('a[id^="some_id"]').on ('click', function (e){ 
   e.preventDefault();
   console.log ("a click " + this.id);
});

Answer 3

选择ids起始宽度“some _”：

$('a[id^="some_"]')

选择ID结束宽度“anid”

$('a[id$="some_"]')

根据带有图案名称的id选择锚标记

3 个答案: