選擇基於帶圖案名稱的ID的錨標籤

Question

我只是試圖添加一個點擊功能，所有的錨點標籤的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選擇#：

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

Answer 2

在你的情況簡單地使用^（與選擇開始），並從選擇刪除#，如下圖所示： -

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

Answer 3

選擇起始寬度 「some_」 IDS：

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

結束寬度選擇IDS 「ANID」

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