Javascript.RU

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

Порядковый номер
Добрый день! Я новичок в js. помогите мне пожалуйста. есть код
var i = 1;
 while(i <= number) {$('.photo_numb').text(i); i++;}


в переменной number находится определенное число (кол-во div с классом photo_numb). на сайте n кол-во div с классом photo_numb хочу чтобы в каждый div скрипт вставлял порядковый номер например:

<div class="photo_numb">1</div>
<div class="photo_numb">2</div>
<div class="photo_numb">3</div>

и т.д.

помогите пожалуйста
Ответить с цитированием
  #2 (permalink)  
Старый 28.06.2016, 15:39
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

раз уж используете jQuery, то можно сделать так:
$('.photo_numb').each(function(){
	$(this).html($('.photo_numb').index(this));
});
Ответить с цитированием
  #3 (permalink)  
Старый 28.06.2016, 15:49
Интересующийся
Отправить личное сообщение для joker95 Посмотреть профиль Найти все сообщения от joker95
 
Регистрация: 11.04.2016
Сообщений: 13

Мне желательно чтобы с числа 1 начинался отсчет
Ответить с цитированием
  #4 (permalink)  
Старый 28.06.2016, 15:52
Интересующийся
Отправить личное сообщение для joker95 Посмотреть профиль Найти все сообщения от joker95
 
Регистрация: 11.04.2016
Сообщений: 13

Viral, немоглибы вы подсказать что неправильно делаю для достижения цели именно в моем варианте? т.е. исправить
Ответить с цитированием
  #5 (permalink)  
Старый 28.06.2016, 16:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от joker95
Мне желательно чтобы с числа 1 начинался отсчет
доплюсуйте единицу к индексу
$(this).html($('.photo_numb').index(this)+1);


Сообщение от joker95
неправильно делаю для достижения цели именно в моем варианте?
нет выборки конкретного элемента.
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

  <script>
 $(function(){

var $foto = $('.photo_numb'), number = $foto.length, i = 0;
while(i < number) {$foto.eq(i).text(++i)}

   })
  </script>
</head>

<body>

<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>


</body>
</html>

Последний раз редактировалось рони, 28.06.2016 в 16:58.
Ответить с цитированием
  #6 (permalink)  
Старый 28.06.2016, 16:25
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

<body>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<script>
var
  a = document.querySelectorAll('.photo_numb'),
  i = 0,
  j = 0;  

  while (i < a.length) {
  	j+=1;    
    a[i].innerText = j;
    
    i++;
  }
</script>

</body>
Ответить с цитированием
  #7 (permalink)  
Старый 28.06.2016, 16:31
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

рони,
Ваш код лаконичен, только удивляет, почему еще не оформляете его в минифицированном виде)
Ответить с цитированием
  #8 (permalink)  
Старый 28.06.2016, 17:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Rasy
только удивляет
и вам не хворать, взглянул на код ещё раз благодаря вам и исправил ошибку, к минификации она правда отношения не имеет, да и jquery умеет справлятся с такими ошибками, но лучше без неё.
Ответить с цитированием
  #9 (permalink)  
Старый 28.06.2016, 18:19
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

Сообщение от рони
исправил ошибку
<= number? На ваниле тоже код выполняется, хоть и с ошибкой.

<body>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<div class="photo_numb"></div>
<script>
var
  a = document.querySelectorAll('.photo_numb'),
  i = 0; 

  while (i <= a.length) {  
    a[i].innerText = ++i; 
  }
</script>

</body>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Порядковый номер дня недели Gerd199 Общие вопросы Javascript 1 03.02.2016 19:59
Нужно найти порядковый номер элемента с заданным id RioEiner jQuery 3 16.11.2015 23:50
Как определить порядковый номер элемента списка? mbp64 Элементы интерфейса 4 22.05.2014 17:45
Как определить порядковый номер элемента DOM ? dummer jQuery 7 17.01.2014 17:44
Порядковый номер iframe zaytsewa Общие вопросы Javascript 4 03.12.2012 17:19