Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.08.2017, 17:42
Новичок на форуме
Отправить личное сообщение для BigNewGod Посмотреть профиль Найти все сообщения от BigNewGod
 
Регистрация: 12.05.2017
Сообщений: 4

Работа скрипта в на конкретном блоке
Есть список с товарами. В каждом пункте есть блок с количеством едениц, и две кнопки + и -. Если есть более одного товара то не зависит на каком блоке кликать скрипт работает на всех, а нужно чтобы только на блоке на котором происходит действие.





Код jQuey:

var result = $('.cart__goods_item .cart__numbers_result');
    var rel = $('.cart__goods_item .cart__numbers_reload');
    var i = 1;

    $('.cart__goods_item .cart__numbers_plus').on('click', function() {
        if (i < 10) {
            i++;
            result.text(i);
        }
    });
    $('.cart__goods_item .cart__numbers_minus').on('click', function() {
        if (i > 1) {
            i--;
            result.text(i);
        }
    });
    rel.on('click', function() {
        i = 1;
        result.text(i);
    });
Ответить с цитированием
  #2 (permalink)  
Старый 22.08.2017, 17:51
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,707

Не тестировал.
$('.cart__goods_item').find('.cart__numbers_plus,.cart__numbers_minus').on('click',function(){
	var $t=$(this),
		$item=$t.parents('.cart__goods_item'),
		$res=$item.find('.cart__numbers_result'),
		value=parseInt($res.text());
	
	if($t.hasClass('cart__numbers_plus'))
		value++;
	else
		value--;
	
	$res.text(value<1?1:(value>10?10:value));
});
$('.cart__goods_item .cart__numbers_reload').click(function(){
	$('.cart__goods_item .cart__numbers_result').text(1);
});
Ответить с цитированием
  #3 (permalink)  
Старый 22.08.2017, 17:54
Новичок на форуме
Отправить личное сообщение для BigNewGod Посмотреть профиль Найти все сообщения от BigNewGod
 
Регистрация: 12.05.2017
Сообщений: 4

Огромное спасибо!!! Работает!!!
Ответить с цитированием
  #4 (permalink)  
Старый 22.08.2017, 18:40
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

<head>
<meta charset="utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
    $('button').click(function() {
        var o = $('#total'), n = +o.text();
        n = n + +this.value || 1;
        n = n < 11 ? n : 10; 
        o.text(n)
    })  
})
</script>
</head>
<body>
<div id="total">1</div>
<button value="-1">--</button>
<button value="1">+</button>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 30.08.2017, 15:03
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,707

laimas,
Сообщение от BigNewGod
Есть список с товарами. В каждом пункте есть блок с количеством едениц, и две кнопки + и -. Если есть более одного товара то не зависит на каком блоке кликать скрипт работает на всех, а нужно чтобы только на блоке на котором происходит действие.
*!*<html>*/!*
<head>
<meta charset="utf-8"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
/* © https://javascript.ru/forum/jquery/70251-rabota-skripta-v-na-konkretnom-bloke.html#post462385 */
$(function() {
    $('button').click(function() {
        var o = $('#total'), n = +o.text();
        n = n + +this.value || 1;
        n = n < 11 ? n : 10; 
        o.text(n)
    })  
})
</script>
</head>
<body>
<div>
<div id="total">1</div>
<button value="-1">--</button>
<button value="1">+</button>
</div>
<div>
<div id="total">1</div>
<button value="-1">--</button>
<button value="1">+</button>
</div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Работа скрипта не должна теряться при переходе на другую страинцу interregional Общие вопросы Javascript 3 04.04.2016 20:08
Работа по установке скрипта для перелистывания страницы doz Работа 0 24.04.2013 12:23
Разная работа скрипта с JSON на разных хостингах Rokugan Общие вопросы Javascript 1 03.10.2011 13:16
Некорректная работа скрипта в разных браузерах en-k Общие вопросы Javascript 2 15.03.2011 14:54
Некорректная работа скрипта defond Серверные языки и технологии 15 24.01.2011 18:07