javascript - 如何使用 jquery 仅删除 #Chat 中的选定消息？

Question

我正在尝试进行此聊天。到目前为止一切正常，但是当我尝试删除我使用"is"按钮单击的消息时，如果还有更多消息，它会删除所有消息。

我也想要被点击获得背景的那个:#ccc，我尝试使用 .css() 但它为每条被点击的消息着色并保持那样。 例如，如果我点击 message 1 将其设置为 background:#ccc ，如果我点击 message 2 将其设置为 background:#ccc 并从 消息1

任何人都可以向我解释如何修复它吗？谢谢。

这是我的代码

         $("#chat").on("click", ".mesaj", function(){
          console.log("click works on class");
          $("#yes").click(function(){
          $(".mesaj").remove();
          $("#delPop").hide();

        });

        $("#delPop").show();
        $("#no").on("click", function(){
        $("#delPop").hide();
    });

});

我的聊天:https://jsfiddle.net/azfwuzad/9/

Answer 1

你可以这样做

$("#chat").on("click", ".mesaj", function(){
var element = $(this);
console.log("Merge click clasa");
$("#yes").click(function(){
     $(element).remove();
     $("#delPop").hide();

    });

    $("#delPop").show();
    $("#no").on("click", function(){
        $("#delPop").hide();
    });

});