[JS] [JQuery] dodanie klasy do klikniętego pola formularza Opcje

[alekto]

Cześć,

Mam na stronie prosty formularz, chcę zrobić jedną z pewnie najprostszych rzeczy na świecie (IMG:style_emoticons/default/wink.gif)
Mianowicie dodać do pola input klasę .xcv w momencie, gdy to pole jest kliknięte. Wiem, że mogę to zrobić tylko przy użyciu css, ale chcę spróbować jquery/javascript.

Pole jest w komórce tabeli, wygląda tak:

[HTML] pobierz, plaintext 
    <td class="td_2"><input type="text" maxlength="1" class="inp"></td> 
[HTML] pobierz, plaintext 

JQuery:
sposób1

[HTML] pobierz, plaintext 
$(document).ready(function() {
if($("input:text").is(":checked")){
        $(this).addClass("xcv");
}
});
[HTML] pobierz, plaintext 

sposób2

[HTML] pobierz, plaintext 
$('input:text').change(function(){
    if($(this).is(":checked")) {
        $('td').addClass("xcv");
    }
});
[HTML] pobierz, plaintext 

Nie działa. Czy ktoś podpowie?

[rad11]

O to chodzi?

kod

Ten post edytował rad11 9.03.2014, 12:11:00

[alekto]

O to chodzi?

kod

Chyba nie całkiem.

(IMG:http://wstaw.org/m/2014/03/09/xcv_png_300x300_q85.jpg)

[Turson]

$(this).attr('class','xcv');

[rad11]

No mialo dodac klase do kliknietego elementu wiec dodalo ? (IMG:style_emoticons/default/smile.gif)