[jQuery] before i elementy "LI" oraz "A" Opcje

[wujek2009]

Cześć.

Mam kod jQuery, który prezentuje się następująco:

[HTML] pobierz, plaintext 
$(document).ready(function() {
	$("#menu ul li a").hover(function() {
		if ( $("#menu ul li a").hasClass('first') )
			$(this).before().css('background', 'url(\'' + base_url + 'img/background.jpg\') top left no-repeat');
	}, function() {
		$(this).before().css('background', 'none');
	});
});
[HTML] pobierz, plaintext 

Problem polega na działaniu funkcji "before()" otóż nie cofa mnie do konkretnego elementu "li".
Background ustawia cały czas na element "a" - odnośnik. Dziwne jest to, że gdy zmienie z before() na next() to background nigdzie nie jest już dodawany.

Struktura kodu HTML:

[HTML] pobierz, plaintext 
<div id="menu">
 <ul>
     <li><a href="#" class="first">home</a></li>
    <li><a href="#">kontakt</a></li>
    <li><a href="#">kawały</a></li>
 </ul>
</div>
[HTML] pobierz, plaintext 

Co chce uzyskać? W tej chwili po najechaniu na element "li" robi się background dla elementu "a".
Jednak dla pierwszego elementu (z klasą "first") muszę dorobić drugi background, aby to wyglądało mniej więcej tak:

[HTML] pobierz, plaintext 
<li style="background: url('... background.jpg') top left no-repeat;"><a href="#" class="first" style="background: url('menu_hover.jpg');">home</a>
[HTML] pobierz, plaintext 

[prowseed]

.parent() zamiast before()

[wujek2009]

Dziękuje za pomoc.

Pzdr.

PS. Kod z pierwszego postu miał jeszcze jedną wadę, otóż w warunku IF trzeba było zmienić

[HTML] pobierz, plaintext 
if ( $("#menu ul li a").hasClass('first') )
[HTML] pobierz, plaintext 

na

[HTML] pobierz, plaintext 
if ( $(this).hasClass('first') )
[HTML] pobierz, plaintext 

ponieważ przy obecnej strukturze to zawsze zwracało TRUE - ponieważ wśród elementów UL miałem klasę "first" - a ja chciałem sprawdzić czy konkretny element, który najechaliśmy ma klasę "first".

To taka informacja dla potomnych:-)

Ten post edytował wujek2009 7.04.2012, 10:37:37