JQuery селекторы выборки нескольких первых элементов

Далее приведена парочка буквально однострочных примерчиков полезного применения JQuery селекторов для выборки первых N элементов веб-страницы на HTML. Не забудьте только подключить библиотеку JQuery с Google CDN или хостинга JavaScript-библиотек Яндекса.

JavaScript:

jQuery(document).ready(function($) {

    // Пример 1. Первые три элемента с классом druweb-ru 
    // останутся "как есть", остальные станут красными:
    $(".druweb-ru:not(:lt(3))").css({'color': 'red'});
     
    // Пример 2. Первые три элемента с классом druweb-ru 
    // станут зелеными, остальные останутся "как есть":
    $(".druweb-ru:lt(3)").css({'color': 'green'});

});

HTML:

<p class="druweb-ru">Lorem.</p>
<p class="druweb-ru">Donec.</p>
<p class="druweb-ru">Vivamus</p>
<p class="druweb-ru">Ipsum</p>

На этом все.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.