голосование
BASH
PHP
Javascript
HTML
Firebird
Программы
PostgreSQL
Хостинг
Майнинг
Железо
Заработок на сайте
Docker
Ресурсы
GIT
SEO
Oracle
Python
Мобильные технологии
Ремонт
Mercurial
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

Обход DOM-дерева jquery

Обход DOM-дерева в javascript - это одна из крутых фишек javascript. Тут можно одной функцией each() или любым циклом разукрасить весь список. Подробнее о функции each читайте на странице обработка каждого элемента массива each().Обход DOM-дерева jquery применяют для подведения итогов в таблицах. Например, сумма всех покупок. Вы можете разукрасить разными цветами каждую запись. Очень удобно. Допустим у вас есть список с записями. Вам нужно пронумеровать каждую запись.


<ul id="list"> 
   <li>запись</li> 
   <li>запись</li> 
   <li>запись</li> 
   <li>запись</li> 
</ul> 

Вам нужно к каждой записи добавить номер строки. Тут поможет функция each().


$.each('#list li', function(i){
   var str = $($this).text();
   $(this).text(str + ' ' + i);
});

Найдутся умельцы, которые будут вручную перебирать каждую запись.


$("#list li:eq(0)").text($("#list li:eq(0)").text() + " 0");
$("#list li:eq(1)").text($("#list li:eq(1)").text() + " 1");
$("#list li:eq(2)").text($("#list li:eq(2)").text() + " 2");

Если будет масса записей, то вы будите дублировать строки. Дублирование кода для яваскрипта - это плохая практика. Вы можете использовать цикл while для обхода DOM-дерева.


var count = $("#list li").length;
var i=0;
while(i < count){
   $("#list li:eq(" + i + ")").text($("#list li:eq(" + i + ")").text() + " " + i);
   i++;
}
просмотры: 1703, уровень: лёгкий уровень, рейтинг: 5, дата: 2015-12-23 17:16:37
проголосовать:

Комментарии:






поиск
реклама
банеры
сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://trainingweb.ru/redirect/pingadmin мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP
http://trainingweb.ru/redirect/domains домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.