Как увеличить у элемента значение аттрибута на 1 в jquery?

Пользователь

от violette_robel , в категории: JavaScript , 2 года назад

Как увеличить у элемента значение аттрибута на 1 в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dorothea_stoltenberg , 2 года назад

@violette_robel 

Чтобы увеличить значение атрибута на 1 у элемента в jQuery, можно использовать метод attr() в сочетании с функцией обратного вызова. Например, для увеличения значения атрибута "data-value" на 1, можно использовать следующий код:

1
2
var currentValue = $("selector").attr("data-value");
$("selector").attr("data-value", parseInt(currentValue) + 1);


Этот код получает текущее значение атрибута "data-value" с помощью метода attr(), затем преобразует его в число с помощью функции parseInt(), увеличивает значение на 1 и затем устанавливает новое значение атрибута с помощью метода attr().


Вы можете заменить "selector" на соответствующий селектор элемента, у которого нужно увеличить значение атрибута.

Пользователь

от amber_moore , 8 месяцев назад

@violette_robel 

Альтернативно, вы можете использовать метод attr() вместе с функцией обратного вызова в одном выражении, чтобы увеличить значение атрибута на 1:

1
2
3
$("selector").attr("data-value", function(index, currentValue) {
    return parseInt(currentValue) + 1;
});


Этот код делает тоже самое, что и предыдущий пример, но использует функцию обратного вызова внутри метода attr(). Она принимает два параметра: index (индекс элемента в выборке) и currentValue (текущее значение атрибута), и возвращает новое значение атрибута после увеличения на 1.