Как получить ID из html в jquery?

Question

[trello100]

Суть вопроса, на сайте есть карточки товара, у каждой карточки в div, input, button прописан свой уникальный ID.
Через карточку товара можно добавить в корзину и изменить количество шт. товара
В Jquery обрабатывается процесс добавления в корзину и изменения количества шт., далее передается на сервер.
Вопрос в том, чтобы в текущую функцию, которая написана ниже, каким-то образом выхватывать ID карточки.
Т.к с jquery знаком слабо, то сейчас id передается из более старшей функции javascript, но это накладывает свои ограничения, от которых хотел бы избавиться.

// Отслеживает изменения в текстовом поле
    $('body').on('change', '#number-text_' + product_id, function () {
        var $input = $(this);
        let $card_id = $('#number-text_' + product_id)
        var $row = $input.closest($card_id);
        var step = $row.data('step');
        var val = parseFloat($input.val());
        if (val == 0) {
            document.getElementById('add_to_basket_' + product_id).style.display = 'none';
            document.getElementById('button_add_to_cart_' + product_id).style.display = 'block';
        }
        if (isNaN(val)) {
            val = step;
        }
        $input.val(val);
        query_to_db(product_id, val)
        if (val == 0) {
            $input.val(1);
        }
    });
}

Comments

[Anonymous]

Зачем для таких элементарных задач использовать jQuery?
Не понимаю таких людей.

[trello100]

Никита Савченко, Каким образом реализовать?
Для меня js, jquery не основные языки, поэтому по фрагментам из интернета реализовывал

Answer 1

[Александр Миранович]

classCard замените на класс карточки
let id = $input.closest(classCard).attr('id');