Почему не работает счетчик?

Question

[Diversia]

Почему не работает счетчик?

<div class="form-group col-md-4 episode-next">
	<button class="btn btn-secondary" data-next="1">Следующая серия</button>
</div>

$(document).on('click', '.episode-next button', function(e) {
	e.preventDefault();
	var next = $(this).data('next');

	if (next == $('select.episodes option:last').attr('value')) {
	} else {
		next = parseInt(next) + 1;
		$(this).attr('data-next', next).text(next);
	}
	console.log('___'+next);
});

Answer 1

[Виталий Першин]

Замените:
var next = $(this).data('next');
На:
let next = $(this).attr('data-next');

А
$(this).attr('data-next', next).text(next);
Замените на:

$(this).attr('data-next', next);
    $(this).text(next);

Comments

[Kovalsky]

Fyi, последнее всё же лишнее

[Виталий Першин]

Kovalsky, Да, похоже на то

Answer 2

[v3shin]

Вместо $(this).attr('data-next', next) используйте $(this).data('next', next).

Comments

[Diversia]

Спасибо, но меняется только text, но не атрибут data-next:
https://jsfiddle.net/gsy3k2q1/

[v3shin]

Diversia, два вопроса:
Зачем вам менять атрибут, если вы работаете с dataset?
Как формируется text?