jquery - 如何检测 jQuery .append 是否已应用

Question

我的代码附加如下:

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

当用户单击按钮时，此代码将运行并附加。但是，如果用户再次单击该按钮，它会再次附加，依此类推。

有什么方法可以检测到数据已经被附加并且仅如果是第一次就添加吗？

Answer 1

您可以在元素上存储 bool 属性，例如data-isappished。

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