Посчитать кол-во div и вывести сумму.
Есть 3 div с id="chet":
<div id="chet"></div> <div id="chet"></div> <div id="chet"></div> Подскажите как посчитать кол-во этих div, и вывести число в определенном месте на странице? Как посчитать нашел, но как вывести именно в каким то месте не нашел. |
- id на странице должен быть один
- в определенном месте это где? |
тогда скажем вот так:
<div class="chet"></div> <div class="chet"></div> <div class="chet"></div> А вывести например в месте или: <div>тут кол-во div</div> или тут: <input id="tyt" type="text" value=""> |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
var n=$('.chet').length;
$('#d_n').text(n);
$('#i_n').val(n);
});
</script>
</head>
<body>
<div class="chet">Item 1</div>
<div class="chet">Item 2</div>
<div class="chet">Item 3</div>
<div id="d_n"></div>
<input id="i_n" type="text" />
</body>
</html>
|
спасибо большое
|
А можно так что бы оно проверяло кол-во div'ов через 5 сек после загрузки страницы.
Т.к у там скрипт которые выводит мои div, кол-во которых я и считаю. Т.е надо поставить задержку что бы оно считало через 5 секунд после загрузки страницы |
$(document).ready(function () {
setTimeout(function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}, 5000) ;
}) ;
|
Отлично супер.
А можно еще его запускать не автоматом и при нажатии на div. Т.е есть <div id="div"></div> Нажал на него и запустил вот этот скрипт:
$(document).ready(function () {
setTimeout(function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}, 5000) ;
}) ;
|
через 5сек после нажатия
$(document).ready(function() {
$("#div").on("click", function() {
setTimeout(function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}, 5000) ;
}) ;
}) ;
Сразу после нажатия
$(document).ready(function() {
$("#div").on("click", function() {
var n = $('.chet').length ;
$('#d_n').text(n) ;
$('#i_n').val(n) ;
}) ;
}) ;
|
Супер спасибо огромное спасибо!
|
| Часовой пояс GMT +3, время: 19:09. |