Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.06.2018, 07:22
Профессор
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 159

Возможно ли такое на js
На странице есть теги звездочек
<i class="glyphicon glyphicon-star"></i>

Теги находятся в блоке
<div class="ot_ratting">
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
</div>

Возможно ли посчитать во всех блоках ot_ratting количество i и сложить их между собой чтоб получить общие количество на странице.
Ответить с цитированием
  #2 (permalink)  
Старый 11.06.2018, 08:03
Профессор
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 159

Нашел что то подобное но оно не работает
<script>
$(function(){
$(".ot_testimonial").each(function(indx, el){
$(".count",el).text($('i',el).length)
});
});
 </script>

Вывести хочу так
<div class"count_all">Общий рейтинг голосов <span class="count"></span> </div>
Ответить с цитированием
  #3 (permalink)  
Старый 11.06.2018, 09:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Stas1985,

$(".count").text($(".glyphicon-star").length)
Ответить с цитированием
  #4 (permalink)  
Старый 11.06.2018, 09:38
Профессор
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 159

Не могу понять почему у меня не работает
Тут http://jsfiddle.net/CYEVf/32/ пробую все работает
<div class="ot_name"> Владимир</div>
<div class="ot_ratting"> 
<i class="glyphicon glyphicon-star"></i> 
<i class="glyphicon glyphicon-star"></i> 
<i class="glyphicon glyphicon-star"></i> 
<i class="glyphicon glyphicon-star"></i> 
<i class="glyphicon glyphicon-star"></i>
</div>
Общий рейтинг голосов: <span class="count"></span>

$(".count").text($(".glyphicon-star").length);

в чем проблема пока не разобрался
Ответить с цитированием
  #5 (permalink)  
Старый 11.06.2018, 09:41
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

$(function() {
   $(".count").text($(".glyphicon-star").length)
});
Ответить с цитированием
  #6 (permalink)  
Старый 11.06.2018, 09:50
Профессор
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 159

<script>
$(function() {
   $(".count").text($(".glyphicon-star").length)
});
</script>
Общий рейтинг голосов: <span class="count"></span>

Без изменений пусто и все
Ответить с цитированием
  #7 (permalink)  
Старый 11.06.2018, 09:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Stas1985,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
 $(".count").text($(".glyphicon-star").length)
});
  </script>
</head>

<body>
<div class="ot_ratting">
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
</div>
<div class"count_all">Общий рейтинг голосов <span class="count"></span> </div>
</body>
</html>
Ответить с цитированием
  #8 (permalink)  
Старый 11.06.2018, 10:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Stas1985,
вангую, звёздочек нет изначально на странице, тогда подсчитывать надо после функции, которая их создаёт, поставьте скрит вниз страницы, может поможет.
Ответить с цитированием
  #9 (permalink)  
Старый 11.06.2018, 14:21
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

А если и так не поможет

$(function() {
setTimeout(function(){
   $(".count").text($(".glyphicon-star").length);
},1000);
});


это называется костыль (скрипт должен начать идти и потихонечку прихрамывать)
Ответить с цитированием
  #10 (permalink)  
Старый 12.06.2018, 08:35
Профессор
Отправить личное сообщение для Stas1985 Посмотреть профиль Найти все сообщения от Stas1985
 
Регистрация: 05.03.2012
Сообщений: 159

Вот так вот все работает хорошо
<script>
	$(function() {
	setTimeout(function(){
	   $(".count").text($(".glyphicon-star").length);
	     $(".count_coment").text($(".ot_list").length);
	},1000);
	});
</script>

А можно поделить .coun / .count_coment
Допустим .coun = 15, .count_coment = 3 и тут получить 5.
Заранее спасибо за ответы!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
А возможно ли? (js, console) Vitiapuz Общие вопросы Javascript 2 10.05.2018 12:38
Как сохранить данные в файл? Возможно такое на JavaScript? Forgott Общие вопросы Javascript 35 26.06.2015 19:11
Не получается вставить код js в HTML garmoni Элементы интерфейса 3 05.09.2013 05:56
возможно ли такое? disgraceful Events/DOM/Window 11 22.10.2012 11:19
Конфликтуют js скрипты в Opera romka AJAX и COMET 2 28.05.2012 15:32