jQuery: ID bei klick ändern

[Mic]

Hallo,

arbeite mich gerade in jQuery ein. Ich weiß auch gar nicht wonach ich suchen muss, deshalb sorry wenn das Thema schon des Öfteren vorkam.

Ich möchte einfach beim Klick auf einen Link die ID des Links tauschen, z.B.

Klick auf Link fadet DIV Box ein.
Sobald man klickt und die Box einfadet soll sich die ID des Links änder damit er rot wird.

Beim erneuten Klicken (Box fadet aus), soll sich die ID wieder in die Ursprüngliche ändern.

Das Faden funktioniert schon aber wie ändere ich die ID des Links?

Hier mein Code:

	    $('#showmoreoptions').click(function() {
           $('#moreoptionson').replaceWith('#moreoptionsoff');
		  $('#moreoptions').toggle(400);
          return false;
        });

Wie ihr seht habe ich es mit .replaceWith versucht, klang am logischsten von allen Befehlen auf dem CheatSheet das ich habe

Vielen Dank im Voraus.

 

[Sly89]

AW: jQuery: ID bei klick ändern

ich kenne mich mit jquery zur geringfügig aus, aber ich habe etwas bei google gefunden. musst halt probieren ob es geht. also probier einfach mal:
$('#showmoreoptions').attr("id", 'neueID');

und wenn du nur zwischen zwei ID's wechseln willst, dann mach einfach eine if-abfrage

 

[Mic]

AW: jQuery: ID bei klick ändern

Danke, das funktioniert.
Allerding muss ich jetzt noch irgendwie hinbekommen, dass jQuery weiß wann er wieder im Ausgangsstatus ist.

	    $('#showmoreoptionson').click(function() {

          $('#showmoreoptionson').attr("id", 'showmoreoptionsoff');
		  $('#moreoptions').slideToggle(400);

		    $('#showmoreoptionsoff').click(function() {
        	  $('#showmoreoptionsoff').attr("id", 'showmoreoptionson');
				return false;
			   });
          return false;
        });
	
      });

jetzt klickt man, die ID ändert sich von on auf off,
beim 2. mal klicken ändert sich die ID von off auf on
aber beim 3. mal klicken passiert nichts mehr.

Kennt sich keiner in jQuery aus???

 

[sokie]

AW: jQuery: ID bei klick ändern

arbeite mich gerade in jQuery ein.

vielleicht besuchst du einfach mal den Bereich API-Reference auf der jquery Seite. Ich bin ziemlich begeistert davon, wie ausführlich die dokumentiert ist.
wenn du css-eigenschaften für ein Element verändern willst, ist sicher die methode css() eine gute Sache, und du brauchst nicht den ID-name zu verändern.
bei deinen funktionen sieht es schon ein bisschen abenteuerlich aus wie deine Funktionen INeinander geschachtelt sind.

 

[Mic]

AW: jQuery: ID bei klick ändern

Danke für den Tipp, werd ich mir gleich mal ansehen.

Das kann gut sein, dass es abenteuerlich aussieht. Bin seit letzten Donnerstag erst dabei mir jQuery anzuschauen, bin also noch ganz am Anfang