我如何检查append元素是否已经存在?

这个问题在这里已经有了答案:

  • jQuery有没有“存在”功能? 36个答案

  • 只要做下一件事:

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

    这里JSFiddle!


    只是改变:

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

    至:

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

    尝试下面的代码。

    if($('img').length >= 1){
        alert('element exist');
    }
    
    链接地址: http://www.djcxy.com/p/14681.html

    上一篇: How can I check if append element already exists?

    下一篇: how to know if a div with specific id exists using jquery