[jQuery] Kiedy $(this) odnosi sie do czego ? Opcje

[Wolfie]

Witam,

Mam nastepujacące dwie funkcje jQuery:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $("#menu").find('a').live("click",function() {
        $('body').load("index.php", {'mailbox': $(this).attr('value'),
                                     'controller' : 'mailbox',
                                     'action' : 'mailbox'});
    });
    $(".message").find('label').live("click",function() {
        $('#messages').load("index.php", {'id' : $(this).find('input').val(),
                                         'controller' : 'mailbox',
                                         'action' : 'message',
                                         'repeat' : 'yes'});
    });
});
[JAVASCRIPT] pobierz, plaintext 

No i nie rozumiem tutaj jednej rzeczy.
Jak widac konstrukcja tych funkcji jest praktycznie identyczna, tylko ze w pierwszej slowko $(this) odnosi sie do $('#menu).find('a') a w drugiej slowko this odnosi sie do $('#messages'), tak przynajmniej wynika z tego co wywnioskowalem w czasie prob, bledow i testowania.

Od razu zatrzymam sie na chwile przy drugiej funkcji, obsługuje ona taki kod (a raczej powinna obslugiwac bo nie dziala tak jak powinna - zaraz wytlumacze dlaczego) :

[HTML] pobierz, plaintext 
<div id="messages">
            <div class="message">
                  {section name="i" loop=$parts}
                       <label>{$parts[i].from}</label>
                       <label>{$parts[i].id}<input type="hidden" value="{$parts[i].id}"></label>
                  {/section}
            </div>
</div>
[HTML] pobierz, plaintext 

No wlasnie, druga funkcja powinna analogicznie do pierwszej zwracac mi value dla inputa, ale tego nie robi, wlasnie dlatego ze slowko $(this) - z tego co mi sie wydaje - odnosi sie tutaj nie do $(".message").find('label') - jakby wynikalo z analogii do pierwszej funkcji - lecz odnosi sie do $('#messages') i przez to nie moge wyciagnac atrybutu value.
Moze ktos mi wytlumaczyc ten fenomen ?
Dlaczego w pierwszej i drugiej funkcji - choc zbudowanie prawie identycznie - $(this) odnosi sie do roznych czesci ?

Ten post edytował Wolfie 13.10.2009, 17:28:46

[vokiel]

Jakieś błędy w firebugu, czy nic? A pokaż, co zwróci Ci taki zapis: (w firebugu)

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $('#menu a').live('click',function() {
        $('body').load('index.php', {'mailbox': console.info($(this).attr('value')), //1. 
                                     'controller' : 'mailbox',
                                     'action' : 'mailbox'});
    });
    $('.message label').live('click',function() {
        $('#messages').load('index.php', {'id' : console.info($(this).next('input').val()), //2.
                                         'controller' : 'mailbox',
                                         'action' : 'message',
                                         'repeat' : 'yes'});
    });
});
[JAVASCRIPT] pobierz, plaintext 

1. $(this) -> a, .attr() -> wartość w a (co prawda a raczej nie ma pola value, ale niech Ci będzie)
2. $(this) -> label, .find() -> input, .val() -> wartość inputa

[HTML] pobierz, plaintext 
<div id="messages">
            <div class="message">
                  {section name="i" loop=$parts}
                       <label>{$parts[i].from}</label>
                       <label>{$parts[i].id}</label>
                       <input type="hidden" value="{$parts[i].id}">
                  {/section}
            </div>
</div>
[HTML] pobierz, plaintext 

[Wolfie]

Rozwiazalem problem w ten sposob :

[JAVASCRIPT] pobierz, plaintext 
$(".message").find('label').live("click",function() {
        var self = $(this);
        $('#messages').load("index.php", {'id' : self.find('input').val(),
                                         'controller' : 'mailbox',
                                         'action' : 'message',
                                         'repeat' : 'yes'});
    });
[JAVASCRIPT] pobierz, plaintext