Нумерация блоков с помощью JavaScript
Страницы: 1
Нумерация блоков с помощью JavaScript, Подскажите что я сделал не так
Всем привет. Я совсем недавно начал изучать JavaScript и мне понадобилось сделать нумерацию блоков. Создал файл вот с таким кодом, но почему то не работает. Подскажите что сделал не так.Вот код страницы на которой я проверял работоспособность.


<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
for (var i = 0; i < $('.someclass').length; i++) {
$($('.someclass')[i]).find('.class').text(i+1);
console.log($('.someclass')[i]);
};
</script>
<style type="text/css">
.someclass {
  background: #ccc;
  padding: 10px 20px 10px 10px;
  margin: 10px;
  width: 150px;
  position: relative;
}
.class {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #fff;
  top: 0;
  right: 0;
  background: rgba(0,0,0,.5);
}


 </style>


</head>
<body>
<div class="someclass">
  <div class="class"></div>Ullam magni dolorum eveniet quae sit placeat eius.
</div>
<div class="someclass">
  <div class="class"></div>Ipsum fuga inventore magni sint dolores ducimus recusandae?
</div>
</body>
</html>


Прошу прощения что так запостил, просто не нашел никакого спойлера для текста.
Изменено: Лев Порохня - 8 Февраля 2014 05:47
Вот так попробуй. Вроде работает.

Код
<html> 
<head> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){   
   for (var i = 0; i < $('.someclass').length; i++){ 
      $($('.someclass')[i]).find('.class').text(i+1); 
      console.log($('.someclass')[i]);}      
});
</script>
<style type="text/css"> 
.someclass { 
  background: #ccc; 
  padding: 10px 20px 10px 10px; 
  margin: 10px; 
  width: 150px; 
  position: relative; 
} 
.class { 
  position: absolute; 
  width: 20px; 
  height: 20px; 
  color: #fff; 
  top: 0; 
  right: 0; 
  background: rgba(0,0,0,.5); 
} 
 </style> 
</head> 
<body> 
<div class="someclass"> 
  <div class="class"></div>Ullam magni dolorum eveniet quae sit placeat eius. 
</div> 
<div class="someclass"> 
  <div class="class"></div>Ipsum fuga inventore magni sint dolores ducimus recusandae? 
</div> 
</body> 
</html> 
 
Большое спасибо, вы меня спасли smile:)
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
16:15 Partners.House - платформа по монетизации push-трафика со всего мира 
15:28 Adtrafico - Правильная партнёрская сеть под бурж трафик 
15:21 Рапида умерла. Куда выводить с AdSense? 
13:23 robots.txt запрет пагинации 
11:38 Marketcall - международная партнерская сеть с оплатой Pay Per Call и LeadGen 
11:26 Беда с внешними ссылками 
11:23 В cy-pr есть API? 
16:59 [eBucks] Автоматический обмен криптовалют. BTC и любые альткоины. Киви, Банковские карты и др. электронные системы. 
15:49 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
13:54 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 
13:43 Качественный прогон Хрумером, Zennoposterом всего 10 WMZ, Большой опыт работы. Статьи, комментарии, профиля, гостевые. 
13:20 Мобильные и Резидентные Прокси Для Соц Сетей | 3 Гб Бесплатно 
12:40 USMobileSMSBot - 
11:46 Статейное продвижение Вашего сайта-вечные ссылки в статье/обзоре всех тематик на СДЛ от 70 руб-своя соц сеть 
16:59 Email рассылка 
15:07 Курс доллара упал ниже 85 рублей 
14:26 Википедию могут заблокировать 
13:59 Бог есть... 
13:57 Спойлер на 2024: "Зомби-вирус" 
12:18 С юмором по жизни! 
11:43 Площадки, продавцы Дзен каналов