如何獲取屬性ID的值？

Question

例如

<button type="button" id="edit-product-20">EDIT</button> 

我有一個動態ID的按鈕，對於上面的例子，我想只得到「20」。我可以這樣做嗎？任何幫助，將不勝感激。謝謝

Answer 1

要選擇所有具有動態ID的元素，請使用$('[id^="edit-product-"]')選擇ID爲edit-product-的所有元素。

看到這個例子使用.split和.pop()與純js .id。

//using each without events 
 
$('[id^="edit-product-"]').each(function() { 
 
    console.log(this.id.split("-").pop()); 
 
}); 
 

 
//OR 
 

 
//get number on click 
 
$('[id^="edit-product-"]').click(function() { 
 
    console.clear(); 
 
    console.log(this.id.split("-").pop()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" id="edit-product-20">EDIT 20</button> 
 
<button type="button" id="edit-product-21">EDIT 21</button> 
 
<button type="button" id="edit-product-22">EDIT 22</button>

Answer 2

console.log($('#edit-product-20').attr('id').split('-')[2])

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" id="edit-product-20">EDIT</button>

使用.split()

的分裂（）方法被用於將一個字符串分割爲多個子陣列，並返回新的陣列。