рони, так нечестно! Обман зрения! Ничего не дописывается!
<!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"),
tst = $(".test"),
inp = $("input");
tst.hide();
btn.on({
"click": num
});
tst.on({
"click": test
});
function num() {
$num.addClass('num');
tst.show();
}
function test() {
var arr = [];
$num.each(function() { arr.push(this.innerHTML); });
inp.val(arr);
}
});
</script>
</head>
<body>
<div class="p">Первый</div>
<div class="p">Второй</div>
<div class="p">Третий</div>
<div class="p">Четвертый</div>
<button class="btn">num</button>
<button class="test">test</button>
<input type="text">
<script>
</script>
</body>
</html>