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

Обход 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++;
}
просмотры: 1604, уровень: лёгкий уровень, рейтинг: 5, дата: 2015-12-23 17:16:37
проголосовать:

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






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