試圖刪除數據值等於先前創建的變量的元素？

Question

當我單擊“垃圾箱”按鈕時，我想刪除消息塊。 有多個消息塊，但它們都有唯一的data-values 。 我要刪除的目標塊的id存儲在.send-message-button的data-value中。

我嘗試制作一個可以傳遞給目標.messageblock元素的變量。 我檢查了一個alert ，看看變量是否得到了正確的數字，它確實如此。 但是，當我alert整個事情時，它會給出[object object] （當然沒有.remove ）。

我怎樣才能做到這一點？

var trashid = $(".send-message-button").attr("data-value");
$('.message-block').attr("data-value", trashid).remove();

Answer 1

如果要使用其屬性之一的值檢索元素，則需要使用屬性選擇器，而不是attr()方法的設置器。

有兩種主要方法可以做到這一點。 首先，如果data屬性存在於 DOM 中，那么您可以使用屬性選擇器：

var trashid = $(".send-message-button").data('value');
$('.message-block[data-value="' + trashid + '"]').remove();

或者，如果data屬性保存在 jQuery 的緩存中（如果您使用data()作為 getter/setter，則應該如此），那么您可以使用filter()代替：

var trashid = $(".send-message-button").data('value');
$('.message-block').filter((i, e) => $(e).data('value') === trashid).remove();