Всем привет. Я совсем недавно начал изучать 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>
Прошу прощения что так запостил, просто не нашел никакого спойлера для текста.
<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
