Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите создать счетчик тегов (картинок) (https://javascript.ru/forum/dom-window/39100-pomogite-sozdat-schetchik-tegov-kartinok.html)

inet_boy 15.06.2013 18:33

Помогите создать счетчик тегов (картинок)
 
Нужен простой JS код который бы считал картинки в посте и выводил цифру картинки возле нее.
Тоесть будет к примеру тег <span id="count_img"></span> возле каждой картинки и выводил бы номер картинки от 1 до ... в зависимости от колитчества картинок :help:

inet_boy 15.06.2013 18:42

<img src="/img.jpg" alt=""/>
<span id="count_img">1</span> // скрипт выдал 1
<br />
<img src="/img.jpg" alt=""/>
<span id="count_img">2</span> // скрипт выдал 2
<br />
<img src="/img.jpg" alt=""/>
<span id="count_img">3</span> // скрипт выдал 3

* вот таккая реализация нужна
или подобное

danik.js 15.06.2013 18:54

<p><img src="http://javascript.ru/forum/images/smilies/wink.gif" alt=""/>бла бла бла
<br />блавыаы 
<img src="http://javascript.ru/forum/images/smilies/blink.gif" alt=""/> блавыаы 
// скрипт выдал 2
<br />
<img src="http://javascript.ru/forum/images/smilies/dance3.gif" alt=""/>
// скрипт выдал 3   
</p>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $('img').each(function(i){
        $(this).after($('<span/>', {'class':'img_count'}).text(i+1));
    })
</script>

inet_boy 15.06.2013 19:36

почти рабочий код )
но не работет так как надо :cray:

inet_boy 15.06.2013 19:39

запилил, спасибо за наводку :thanks:

danik.js 15.06.2013 20:47

id не должен повторяться в пределах документа, поэтому у меня не id, а class, если ты об этом.


Часовой пояс GMT +3, время: 00:14.