Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.05.2013, 15:29
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

Посчитать кол-во div и вывести сумму.
Есть 3 div с id="chet":

<div id="chet"></div>
<div id="chet"></div>
<div id="chet"></div>


Подскажите как посчитать кол-во этих div, и вывести число в определенном месте на странице?

Как посчитать нашел, но как вывести именно в каким то месте не нашел.
Ответить с цитированием
  #2 (permalink)  
Старый 24.05.2013, 16:03
Аватар для animhotep
Профессор
Отправить личное сообщение для animhotep Посмотреть профиль Найти все сообщения от animhotep
 
Регистрация: 17.01.2013
Сообщений: 887

- id на странице должен быть один
- в определенном месте это где?
Ответить с цитированием
  #3 (permalink)  
Старый 24.05.2013, 16:09
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

тогда скажем вот так:
<div class="chet"></div>
<div class="chet"></div>
<div class="chet"></div>


А вывести например в месте или:
<div>тут кол-во div</div>

или тут: <input id="tyt" type="text" value="">
Ответить с цитированием
  #4 (permalink)  
Старый 24.05.2013, 16:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,783

Сообщение от djonA
тогда скажем вот так:
<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>
Ответить с цитированием
  #5 (permalink)  
Старый 24.05.2013, 17:06
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

спасибо большое
Ответить с цитированием
  #6 (permalink)  
Старый 24.05.2013, 17:57
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

А можно так что бы оно проверяло кол-во div'ов через 5 сек после загрузки страницы.


Т.к у там скрипт которые выводит мои div, кол-во которых я и считаю.

Т.е надо поставить задержку что бы оно считало через 5 секунд после загрузки страницы
Ответить с цитированием
  #7 (permalink)  
Старый 24.05.2013, 20:08
Аватар для Hekumok
Отправить личное сообщение для Hekumok Посмотреть профиль Найти все сообщения от Hekumok
 
Регистрация: 04.06.2012
Сообщений: 513

$(document).ready(function () {
	setTimeout(function() {
		var n = $('.chet').length ;
		$('#d_n').text(n) ;
		$('#i_n').val(n) ;
	}, 5000) ;
}) ;
__________________
★ ²º¹³ ☆
Ответить с цитированием
  #8 (permalink)  
Старый 25.05.2013, 19:30
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

Отлично супер.
А можно еще его запускать не автоматом и при нажатии на div.

Т.е есть <div id="div"></div>

Нажал на него и запустил вот этот скрипт:
$(document).ready(function () { 
     setTimeout(function() { 
         var n = $('.chet').length ; 
         $('#d_n').text(n) ; 
        $('#i_n').val(n) ; 
     }, 5000) ; 
 }) ;
Ответить с цитированием
  #9 (permalink)  
Старый 25.05.2013, 20:38
Аватар для Hekumok
Отправить личное сообщение для Hekumok Посмотреть профиль Найти все сообщения от Hekumok
 
Регистрация: 04.06.2012
Сообщений: 513

через 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) ;
	}) ;
}) ;
__________________
★ ²º¹³ ☆
Ответить с цитированием
  #10 (permalink)  
Старый 25.05.2013, 21:00
Профессор
Отправить личное сообщение для djonA Посмотреть профиль Найти все сообщения от djonA
 
Регистрация: 02.05.2012
Сообщений: 195

Супер спасибо огромное спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вывести html код страницы в div djonA Общие вопросы Javascript 3 13.05.2013 20:01
каким образом вывести текст с помощью SetTimeOut В DIV? bratkovsky Общие вопросы Javascript 2 04.08.2012 00:15
посчитать сумму значений Abraham jQuery 37 19.06.2011 00:07
Не получается по щелчку на ссылке вывести div по центру экрана! Триви jQuery 6 11.03.2011 10:35
как посчитать сумму выбранных элементов checkbox nikimak92 Общие вопросы Javascript 9 01.06.2010 10:16