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

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

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






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