Câu hỏi Làm thế nào tôi có thể kiểm tra xem phần tử phụ thêm đã tồn tại chưa? [bản sao]


Câu hỏi này đã có câu trả lời ở đây:

Tôi có một cái gì đó như thế này:

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

Bây giờ, điều này gắn thêm một hình ảnh của một chấm đỏ khi tôi bấm vào một nút nhưng khi tôi bấm vào một nút một lần nữa, nó nối lại nó. Tôi chỉ muốn nó xuất hiện một lần khi tôi bấm vào một nút. Làm thế nào tôi có thể kiểm tra xem phần tử nối thêm đã tồn tại hay chưa?


12
2017-11-26 03:23


gốc




Các câu trả lời:


Chỉ cần làm tiếp theo:

Mã HTML

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

Mã Javascript

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

Đây là JSFiddle!


14
2017-11-26 03:39



Đã chỉnh sửa, cảm ơn @DavidThomas! - Winner Crespo
Cảm ơn bạn, giải pháp của bạn đã kết thúc hoạt động tốt nhất cho tôi! Tôi chỉ cần thay đổi nó nếu câu lệnh if bao gồm: ($ ("# IndicatorImgDiv img"). Length == 0 - Kala J


Chỉ là sự thay đổi:

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

Đến:

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

0
2017-11-26 03:28





Hãy thử đoạn mã sau.

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

0
2017-11-26 03:25