получение класса attr в jquery

Question

У меня есть некоторые div, которые генерируются динамически с контентом.Я добавляю идентификатор контента в класс для div следующим образом:

<div class="div-1"></div>
<div class="div-3"></div>
<div class="div-6"></div>
<div class="div-8"></div>

Как выбрать идентификатор для div, потому что он мне нужен как параметр для отправки через ajax.например, мне нужно получить 1, когда я нажимаю на 1-е деление, 3, когда я нажимаю на 2-е и так далее

Answer 1

var id = $(this).attr('class').replace('div-', '');

Или даже просто

var id = this.className.replace('div-', '');

Где this указывает на элемент dom, на который вы щелкаете внутри обработчика клика.

//Here instead of document it is better to specify a parent container of all divs
$(document).on('click', '[class^="div-"]', function(){
       var id = this.className.replace('div-', '');
});

Answer 2

Правильный синтаксис jQuery:

$("div").click( function() { 
    var id = $(this).attr('class').replace('div-', '');
});

Answer 3

Попробуйте и не забудьте изменить "div" для вашего селектора:

$(document).on("click", "div", function() {
    var class_elem = $(this).attr("class").split("-");
    var n = class_elem[1];  // This is your number
});