Javascript 如何只向类追加一次div内容？

我有几张幻灯片。单击“下一步”按钮，图像将以幻灯片形式显示，但我想在图像上方为每个图像添加一个文本。 JavaCScript代码：

afterShow: function( instance, current ) {


    //alert($(this).find('img').attr('alt'));

    var url = window.location.href;
    var cat = url.substring(url.lastIndexOf('#') + 1); 
    var cats = cat.split('-');
    catId= cats[0];
    var index=catId+$("[data-fancybox-index]").html();
    //alert($("[data-fancybox-index]").html());
    //$('.fancybox-slide').children(".imagecontainer").remove();

    //alert($("#d_" + index).length);
    if($("#d_" + index).length == 0) {
        var strDiv='<div id="d_'+index+'" class="centerdivCont"></div>';
        $(".fancybox-content").append(strDiv);
        return false;

    }

    /*if($("#d_" + index).length> 0) {
        var strDiv='<div id="d_'+index+'" class="centerdivCont"></div>';
        $(".fancybox-content").remove(strDiv);
    }else{
        var strDiv='<div id="d_'+index+'" class="centerdivCont"></div>';
        $(".fancybox-content").append(strDiv);
    }*/

        //alert($("#d_" + index).length);


    //$(".fancybox-slide").append($('#'+index).html());

},

afterShow:函数（实例，当前）{
//警报（$（this.find（'img'）.attr（'alt'））；
var url=window.location.href；
var cat=url.substring（url.lastIndexOf（“#”）+1）；
变量cats=分类（'-'）；
catId=猫[0]；
var index=catId+$（“[data fancybox index]”）html（）；
//警报（$（“[data fancybox index]”）.html（）；
//$（'.fancybox幻灯片'）.children（“.imagecontainer”）.remove（）；
//警报（$（“#d#”+索引）.length）；
如果（$（“#d#”+索引）.length==0）{
var-strDiv=''；
$（“.fancybox内容”）.append（strDiv）；
返回false；
}
/*如果（$（“#d#”+索引）.length>0）{
var-strDiv=''；
$（“.fancybox内容”）.remove（strDiv）；
}否则{
var-strDiv=''；
$（“.fancybox内容”）.append（strDiv）；
}*/
//警报（$（“#d#”+索引）.length）；
//$（“.fancybox幻灯片”）.append（$（'#'+index.html（））；
},

我想你需要检查

$（“#d"+index）.html（）.length

我已经检查过了，但是如何编写条件？这是我用来显示图像的奇特盒子，你可以用

html（strDiv）

替换

append（strDiv）

，以清除以前的内容。使用html时，不会显示任何文本