[jQuery] Zmiana ID, class Opcje

[deha21]

Potrzebuję zmienić id lub klasę dla jednego obiektu.

[HTML] pobierz, plaintext 
<a href='#' class='zgas'><img src='img/lightoff.png' alt='Zgaś/Zaświeć światło'></a>
[HTML] pobierz, plaintext 

Chodzi o .zgas aby zmienił się na .zaswieć i potem na odwrót, po kliknięciu w .zaswiec żeby zmienił się na .zgas

Na razie mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
	$(".zgas").click(function(){$("#expose").expose({api: true}).load(); $(".zgas img").attr("src","img/lighton.png"); $(".zgas").addClass("zaswiec");});
	$(".zaswiec").click(function(){$("#expose").expose({api: true}).close(); $(".zaswiec img").attr("src","img/lightoff.png");});
[JAVASCRIPT] pobierz, plaintext 

Tutaj dodatkowo zmiana obrazka i expose (obie działają tylko na włączeniu). Pomóżcie.

[mls]

[JAVASCRIPT] pobierz, plaintext 
$('.zgas').click(function () { $('#expose').expose({api: true}).load(); $(this).find('img').attr('src', 'img/lighton.png').end().removeClass('zgas').addClass('zaswiec'); });
[JAVASCRIPT] pobierz, plaintext 

W takich sytuacjach brakuje w jQuery funkcjonalności zamiany jednej klasy na inną jednym poleceniem, co na szczęście można sobie łatwo dodać:

[JAVASCRIPT] pobierz, plaintext 
jQuery.fn.replaceClass = function(c1, c2)
{
	return $(this).each(function () { return $(this).hasClass(c1) ? $(this).removeClass(c1).addClass(c2) : $(this); });
};
[JAVASCRIPT] pobierz, plaintext 

Wówczas zamiast (...).removeClass('zgas').addClass('zaswiec'); wystarczyłoby zapisać (...).replaceClass('zgas', 'zaswiec');.

Ten post edytował mls 16.02.2010, 21:57:49