• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Jquery - click event mehrmals ausführen

Isery

Neues Mitglied
Hallo

Ich habe eine Tabellenzelle mit der id=header, diese zelle beinhaltet ein Bild.
Ich möchte nun per klick auf einen link das bild mittels Jquery ausstauschen!
Das gute ist es funktioniert! Das Bild wird ausgetauscht!

Aber das kann ich immer nur einmal machen dan muss ich wieder refreshen!

d.h ich würde gerne bei 5 Links - 5 mal das bild in der tabellenzelle ändern!

Hier sind 2 von diesen Links:

Bemerkung: wenn ich also die seite neu lade kann ich entweder auf startseite oder profil klicken und dan wird das bild getauscht! Doch danach bleibt es so! warum?


HTML:
$(document).ready(function(){
	  $("#startseite").click(function(){
	    $("#header").replaceWith("<img src='header2.jpg'>");
	  });
  });
	  $(document).ready(function(){
	  $("#profil").click(function(){
		    $("#header").replaceWith("<img src='header3.jpg'>");
		  });
	});
 
Ich habe es schlussendlich selbst rausgefunden!

Mit replaceWith muss man auch die tabellenzelle ersetztn da sonst die id verloren geht!

HTML:
$("#header").replaceWith("<td width='624' height='168' id='header'><img src='header4.jpg'></td>");

Eine weiter möglichkeite währe die ID finden und dann mit next() arbeiten:

HTML:
$(this).next().replaceWith("<img src='header4.jpg'>");
 
Zurück
Oben