Javascript 如何检查append元素是否已经存在？

我有这样的想法：

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

if（result.Indicator==1）{
$（'#指示符mgdiv'）。附加（$（'
现在，当我单击按钮时，它会附加一个红点的图像，但当我再次单击按钮时，它会再次附加。我只希望在单击按钮时它出现一次。如何检查附加的元素是否已经存在？
请尝试以下代码

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

只要改变一下：

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

$（'#指示符mgdiv'）。附加（$（'
致：

$（'#指示符mgdiv'）.find（'img[src$=“reddot.png”]'）.length||
$（'#指示符mgdiv'）。附加（$（'只需执行下一步：

Html代码

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



Javascript代码

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

$（“#添加图像”）。单击（函数（）{
如果（$（“#指示符mgdiv img”）.length==0）{
$（'#指示符mgdiv'）。附加（$（'
编辑，谢谢@DavidThomas！谢谢，您的解决方案最终对我最有效！我刚刚在if语句中对其进行了更改，以包含以下内容：（$（“#指示符mgdiv img”）。长度==0@WinnerCrespo另外，您可能会指出这是jQuery而不是Vanilla JS
    $("#addImage").click(function(){
         if($("#IndicatorImgDiv img").length == 0){
             $('#IndicatorImgDiv').append($('<img />').attr("src", "http://www.thepointless.com/images/reddot.jpg"));
         }
    });