Не корректный jQuery селектор
212
17 августа 2018, 22:20
Есть вот такая разметка:
<button class="up_count_but">+</button>
<button class="down_count_but">-</button>
<button class="buy_button" type="submit" value="">
<img src="images/bin.png" alt="">
</button>
<div class="count">
<input type="text" class="c_count" value="2"></span>
<span>шт.</span>
</div>
Нужно чтобы при нажатии на кнопку с классом up_count_but, значение в input.c_count увеличивалось на единицу.
$(document).ready(function(){
$(".up_count_but").on("click", function() {
$(".up_count_but ~ div > span").value++;
});
});
Пробую сделать через jQuery - не работает, что не так?
Answer 1
Вы выбираете span, а нужен input:
document.querySelector('.up').addEventListener('click', e => document.querySelector('.up ~ div input').value++);<input type='button' value='Increase' class='up' />
<span>Some text</span>
<div class='wrapper'>
<input type='text' />
</div>В jQuery:
$('.up').on('click', e => {
let el = $('.up ~ div input');
$('.up ~ div input').val(+el.val() + 1);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='button' value='Increase' class='up' />
<span>Some text</span>
<div class='wrapper'>
<input type='text' />
</div>Answer 2
<input type="text" class="c_count" value="2"></span>
<input type="text" class="c_count" value="2"><span></span>
$(".up_count_but ~ div > span").value++;
$(".up_count_but ~ div > span").text(fucntion (s) { return ++s });
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46668 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30287 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22833 visits
- Как через css изменить цвет png изображения? 10161 visits
- Blob video url download 9800 visits
- Php curl запрос через прокси с авторизацией 9059 visits
- Работа с captcha vk api 7977 visits
© "hostciti.net" 25.4.2024 | 08:14