Почему не работает $(this).parents?

Question

[drtvader]

$('.b-rewiews__answer-no').click(function() {
    $(this).parents('.b-rewiews__number-red').html($('.b-rewiews__number-red').html()+1);
});

Почему при клике не срабатывает? Что неправильно?

Answer 1

[maniii]

Может так

$('.b-rewiews__answer-no').click(function() {
  $('.b-rewiews__number-red').html(Number($(this).closest('.b-rewiews__rewiew-answer').find('.b-rewiews__number-red').text())+1);
});
//or
$('.b-rewiews__answer-no').click(function() {
var par = $(this).closest('.b-rewiews__rewiew-answer');
var child = par.find('.b-rewiews__number-red').text();
par.find('.b-rewiews__number-red').html(Number(child)+1);
});

Если я конечно правильно понял

Comments

[drtvader]

так-то работает, но таких блоков будет много, и он отсчитывает у всех блоков сразу.

[drtvader]

А нужно у каждого отдельно.

[maniii]

drtvader:
тогда так:
$('.b-rewiews__answer-no').click(function() {
var par = $(this).closest('.b-rewiews__rewiew-answer');
var child = par.find('.b-rewiews__number-red').text();
par.find('.b-rewiews__number-red').html(Number(child)+1);
});

[drtvader]

maniii: а как например сделать, что бы эта функция работала в другом скрипте? Т.е. часть контента подгружается из json через ajax. И вот в этом подгружаемом контенте скрипт уже не работает. Как сделать переназначение, вроде правильно написал. Если полностью этот скрипт кидать в скрипт для загрузки, то он начинает неправильно считать, собирает данные со всех предыдущих блоков все равно. И в предыдущих блоках, которые статично отображаются, тоже начинает неправильно считать.

Answer 2

[Immortal_pony]

Элемента с классом "b-rewiews__number-red" нет среди родительских элементов класса "b-rewiews__answer-no".
Срабатывать будет, если искать на одном уровне например:

$('.b-rewiews__answer-no').click(function() {
    var previousValue =  Number($('.b-rewiews__number-red').html());

    $(this).siblings('.b-rewiews__number-red').html(' ' + (previousValue+1));
});

PS Для того, чтобы выполнить сложение, а не конкатенацию строк необходимо, чтобы все участники операции были необходимого типа.

Comments

[drtvader]

а если таких блоков неограниченное количество? Т.е. сейчас все не первые блоки отсчитывают от первого. Т.е. если в первом 5, то в остальных добавляется только на единицу, т.е. 6 максимум.

Answer 3

[sergski]

$('.b-rewiews__answer-no').on("click", function() {	
    	var d = $(".b-rewiews__number-red" ).html();
    	d = Number(d);
    	$('.b-rewiews__number-red').html(++d);
	});