Как получить значение идентификатора атрибута?

Question

, например.

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

У меня есть кнопки с динамическими идентификаторами, для примера выше я хочу получить только «20». Я могу это сделать? Любая помощь будет оценена по достоинству. Спасибо

Answer 1

Чтобы выбрать все элементы с динамическим идентификатором в вашем случае использования $('[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()

Метод сплит() используется для разбиения строки на массив подстрок и возвращает новый массив.