1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 2, średnia ocena: 5,00)
Loading...Loading...

Przeglądanie elementów

Zestaw wybranych elementów może posłużyć jako punkt wyjścia w celu odnalezienia innych elementów.

Pełną dokumentację dostępnych w bibliotece jQuery metod przeglądania znajdziesz na stronie http://api.jquery.com/category/traversing/.

Przykład 3.24. Poruszanie się po strukturze DOM przy użyciu metod przeglądania

$('h1').next('p');
$('div:visible').parent();
$('input[imie_i_nazwisko=imie]').closest('form');
$('#mojaLista').children();
$('li.selected').siblings();

Możesz także, przy pomocy metody $.fn.each, przejść iteracyjnie przez zestaw wybranych elementów. Metoda ta iteruje przez wszystkie wybrane elementy i dla każdego wykonuje funkcję. Funkcja jako argumenty otrzymuje indeks obecnego elementu i sam element ze struktury DOM. Wewnątrz funkcji element DOM jest domyślnie dostępny poprzez słowo this.

Przykład 3.25. Iterowanie przez zestaw wybranych elementów

$('#mojaLista li').each(function(idx, el) {
    console.log(
        'Element ' + idx +
        'ma następujący html: ' +
        $(el).html()
    );
});

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!