Jquery Si l'élément a une classe qui commence par x, alors n'ajoutez pas de classe.

Question

Je suis un débutant, alors je m'excuse pour mes erreurs de codage ! J'ai écrit le Jquery suivant pour un projet pratique que je me suis fixé :

Lorsque vous cliquez sur le div, la classe "in_answerbox1" lui est ajoutée et un div cloné est créé dans le answerbox avec la classe "answerbox_letter1" ajoutée.

Au bout d'un certain temps, il y aura de nombreux divs dans une grille (ou des cellules dans un tableau) qui, lorsque vous cliquez sur un div particulier, disparaîtront en fondu et sembleront apparaître dans le champ de réponse. Ensuite, lorsque vous cliquez sur l'élément du champ de réponse, la division correspondante dans la grille réapparaît et le clone est supprimé du champ de réponse.

Cependant, je veux maintenant que la classe soit ajoutée UNIQUEMENT si l'élément sur lequel je clique n'est pas déjà dans le champ de réponse : i

J'ai écrit ce qui suit en sachant que ça ne marcherait pas mais que ça pourrait mieux expliquer ce que je veux.

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);

}

});

Des suggestions ?