关于javascript：如何检查append元素是否已经存在？


How can I check if append element already exists?

本问题已经有最佳答案，请猛点这里访问。

我有这样的东西：

1
2
3
if (result.Indicator == 1) {
    $('#IndicatorImgDiv').append($('<img />').attr("src","/Content/images/reddot.png"));
}

现在，当我单击一个按钮时，它会附加一个红点的图像，但是当我再次单击一个按钮时，它会再次附加它。我只希望当我单击一个按钮时它出现一次。如何检查附加元素是否已经存在？

接下来再做：

HTML代码

1
    <input id="addImage" type="button" value="Add image"/>

JavaScript代码

1
2
3
4
5
    $("#addImage").click(function(){
         if($("#IndicatorImgDiv img").length == 0){
             $('#IndicatorImgDiv').append($('<img />').attr("src","http://www.thepointless.com/images/reddot.jpg"));
         }
    });

给你琴！

相关讨论

只是改变：

1
$('#IndicatorImgDiv').append($('<img />').attr("src","/Content/images/reddot.png"));

到：

1
2
$('#IndicatorImgDiv').find('img[src$="reddot.png"]').length ||
    $('#IndicatorImgDiv').append($('<img />').attr("src","/Content/images/reddot.png"));

尝试以下代码。

1
2
3
if($('img').length >= 1){
    alert('element exist');
}