Имею html doc:
<button class="divk" data-divs="0"></button>
css: {
.divk[data-divs="0"]::after {
content: "HI";
}
.divk[data-divs="1"]::after {
content: "BYE";
}
Хочу чтобы при нажатии кнопки менялось содержимое кнопки. Пытался делать так:
UPD
В чем разница:
$(this).parent().data("kav", "1");
и
var pres = document.querySelector(".btn");
pres.setdata.kav="1";
В первом случае меняется, во втором нет
$('.divk').on('click', function () {
$('.divk').attr('data-divs', "1");
})
.divk[data-divs="0"]::after {
content: "HI";
}
.divk[data-divs="1"]::after {
content: "BYE";
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="divk" data-divs="0"></button>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей