jquery - Jquery要素にxで始まるクラスがある場合、クラスを追加しないでください

Question

私は間違いなく初心者なので、ゴミのコーディングをお詫びします! 自分で設定した練習プロジェクト用に次の Jquery を作成しました。

div をクリックすると、クラス「in_answerbox1」が追加され、クラス「answerbox_letter1」が追加されたクローン div が回答ボックスに作成されます。

最終的には、グリッド (またはテーブル内のセル) に多くの div があり、特定の div をクリックすると、フェードアウトして回答ボックスに表示されるようになります。次に、回答ボックス内のものをクリックすると、グリッド内の関連する div が再表示され、クローンが回答ボックスから削除されます。

ただし、クリックしているものがアンサーボックスにまだない場合にのみ、クラスを追加する必要があります。つまり、オリジナルまたはクローンのいずれかに「アンサーボックス」を含むクラスがある場合です。

私はそれがうまくいかないことを知って次のように書きましたが、それは私が望むものをよりよく説明するかもしれません.

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

}


});

助言がありますか？