jquery - jQuery .append が既に適用されているかどうかを検出するにはどうすればよいですか

Question

次のように追加するコードがあります。

if (json.expData[i] != null) {
    $('#text' + i)
    .append("<br><br><img src='/balloon.png'>" + json.expData[i]);
}

ユーザーがボタンをクリックすると、このコードが実行されて追加されます。ただし、ユーザーがボタンをもう一度クリックすると、もう一度追加されます。

データが既に追加されていることを検出し、初めての場合にのみ追加する方法はありますか?

Answer 1

などのブール属性を要素に格納できますdata-isappended。

if (json.expData[i] != null) {
    var $text = $('#text' + i);
    if (!($text.data("isappended"))){
       $text.append("<br><br><img src='/balloon.png'>" + json.expData[i]);
       $text.data("isappended", true);
    }
}

Answer 2

idcontainsを含む他の要素がない場合は、次の#textように試すことができます。

if( $('[id^=text]').length ) { // if some element with id text exists 

} else { // not exists

}

Answer 3

内にimgタグがあるかどうかを確認してください。#text

if ($('#text' + i).find('img').length > 0) 
{
    $('#text' + i).append("<br><br><img src='/balloon.png' />" + json.expData[i]);

}