|
Сообщение от drakulawz
|
|
По нажатию на кнопку запишите в конец каждого абзаца его порядковый номер.
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body {
counter-reset: num;
}
.num:after {
counter-increment: num;
content: ' 'counter(num);
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var $num = $(".p"),
btn = $(".btn");
btn.on({
"click": num
});
function num() {
$num.addClass('num')
}
});
</script>
</head>
<body>
<div class="p">Первый</div>
<div class="p">Второй</div>
<div class="p">Третий</div>
<div class="p">Четвертый</div>
<button class="btn">num</button>
<script>
</script>
</body>
</html>