Forum PHP.pl > [JQuery] Odniesienie się do rodzica klikanego obiektu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JQuery] Odniesienie się do rodzica klikanego obiektu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

l0ud

20.04.2008, 11:15:18

Witam

Za pomocą jquery usiłuję zrobić proste zwijanie divów z treścią. Po kliknięciu na nagłówek ma się ukryć bądź pojawić jego zawartość.

Budowa diva:

[HTML] pobierz, plaintext 
<div class="board">
    <h1>Nagłówek</h1>
    <span class="content">Treść</span>
</div>
[HTML] pobierz, plaintext

I teraz nie wiem, jak odnieść się do span.content, w odniesieniu do h1:

Kod

$(document).ready(
    function() {
        $('div.board h1').addClass('roll');
        $('div.board h1').click(
            function() {
                $('../span.content',this).toggle('normal'); //błędna linia
            }
        );
    }
);

Nie działa, zresztą chyba nie ma jak działać... Główny problem stanowi dla mnie odniesienie się do rodzica obiektu [this]. Jeżeli to istotne, jest to strona w HTML a nie XHTML.
Domyślam się, że to banalne, ale nawet z pomocą manuala nie umiem sobie z tym poradzić... Tak więc proszę o pomoc

Pozdrawiam

lord_t

20.04.2008, 11:47:18

Kod

$(document).ready(function() {
    $('div.board h1').addClass('roll');
    //ver.1
    /* $('div.board h1').click(
            function(){
                $(this).next().toggle('normal');
              }
        );*/
        //ver.2
        $('div.board h1').click(
            function(){
                $(this).parent().toggle('normal');
              }
        );


});

Obczaj:)

------------------------------------------------------------------------------
Odnośnie postu poniżej:
Kicaj, jakbyś nie widział to właśnie to zawarłem w moim kodzie:>

kicaj

20.04.2008, 11:56:27

W JQuery istnieja takie funkcje jak: children() i parent()

batman

20.04.2008, 13:40:23

Pisane na szybkiego, więc nie dam 100%, że zadziała:

Kod

$(this).parent().find("span.content").toggle("normal");

Kod ten, w teorii, "wejdzie" o jeden poziom wyżej w drzewie DOM (do div-a, dzięki parent), a następnie wyszuka w tym elemencie (find) znacznika span z odpowiednią klasą.

l0ud

20.04.2008, 14:28:35

Dzięki, oczywiście już działa

Ostatecznie zrobiłem tak:

Kod

$(this).parent().children('span.content').toggle();

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.