jquery点击插入html,再点击就删除刚插入的这段html

答案:2 悬赏:0 手机版

解决时间 2021-02-03 01:40

提问者网友：动次大次蹦擦擦
2021-02-02 17:00

求大神仙赐教

最佳答案

五星知识达人网友：冷風如刀
2021-02-02 18:12

<p calss="addRemove"></p>
$(".addRemove").click(function(){
     //设插入html的同时也为当前元素添加一个标识addHtml类名;
    if($(this).hasClass("addHtml")){
      //此时存在addHtml类，表示已插入了内容，接下来应该删掉,同时删掉addHtml类名；
       $(this).html("");
        $(this).removeClass("addHtml");
    }else{ //不存在addHtml类名，接下来要添加html内容,同时也添加addHtml类名;
        $(this).html();
        $(this).addClass("addHtml");
    }
});

全部回答

1楼网友：醉吻情书
2021-02-02 19:37

你好！！ <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(function(){ $("#btn").click(function(){ $(this).val( $(this).val()=="插入"?"删除":"插入" ); if($("#sp").length==0){ var $span = $("<span/>"); $span.attr("id","sp").css("background","red").text("Hello World"); $("body").append($span); }else{ $("#sp").remove(); } }); }); </script> </head> <body> <input type="button" id="btn" value="插入" /> </body> </html>

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息