Изменение значения data

108
04 марта 2022, 22:30

Имею 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";

В первом случае меняется, во втором нет

Answer 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>

READ ALSO
Отключение hover
HTML

Отключение hover

Имею в css hoverВ jquery пытаюсь его выключить:

 94
Моментальное изменение ссылки $_GET
HTML

Моментальное изменение ссылки $_GET

Перевожу сайт на мультиязычностьПри загрузке страницы инклудится базовая структура html и код if (!isset($_GET['lang'])){ $_GET['lang'] = 'ua'; }, но при этом ссылка...

 94
Проблема хранение ссылок на экземпляр в map
c++

Проблема хранение ссылок на экземпляр в map

Пытаюсь хранить ссылки на экземпляры Test в map из stl c++, но компилятор ругается

 80
Модульные проекты на C++ [закрыт]
c++

Модульные проекты на C++ [закрыт]

Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы он был сосредоточен только на одной проблеме

 183