属性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()

スプリット（）メソッドは、サブストリングの配列に文字列を分割するために使用され、新しい配列を返しますありがとうございました。