Jestem zdecydowanym nowicjuszem, więc przepraszam za kodowanie śmieci! Napisałem następujące Jquery dla projektu treningowego, który sobie postawiłem:

Po kliknięciu na div zostanie dodana klasa „in_answerbox1” i sklonowany div zostanie utworzony w polu odpowiedzi z dodaną klasą „answerbox_letter1”.

Ostatecznie w siatce (lub komórkach w tabeli) pojawi się wiele divów, które po kliknięciu na konkretny element zanikną i pojawią się w skrzynce odpowiedzi. Następnie, gdy klikniesz na rzecz w skrzynce odbiorczej, odpowiedni div w siatce pojawi się ponownie, a klon zostanie usunięty z pola odpowiedzi.

Jednak teraz chcę, aby klasa została dodana TYLKO, jeśli rzecz, którą klikam, nie znajduje się już w skrzynce odpowiedzi: tzn. Czy oryginał lub klon ma klasę zawierającą „skrzynkę odpowiedzi”.

Napisałem następujące zdanie, wiedząc, że to nie zadziała, ale może wyjaśnić, czego chcę lepiej.

var n = 0;

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

    if(!$(this).hasClass('*[class^="answerbox"]')) {

    $(this).addClass('in_answerbox' + (n+ 1) );

    $(this).clone().appendTo('#answerbox').addClass('answerbox_letter' + (n + 1));
    n = (n + 1);

}


});

Jakieś sugestie?