Firebase удалить ключ из ref внутри js loop (web)

Question

Я хочу удалить выбранного ребенка с помощью кнопки из ссылки внутри HTML-вывода.

Ключ - сообщение чата или сообщение.

Теперь я хочу, чтобы пользователь мог удалить выбранное сообщение/сообщение с помощью кнопки.

Я могу удалить все, но не точно выбранный ребенок.

Результаты и содержание поступают из цикла «за».

Удалить выбранное (дитя) с угловым и угловым огнем не проблема, но я хочу это без углового.

// get ref 
var dbRef = firebase.database().ref().child("user/chat"); 

// child added 
dbRef.on("child_added", function(snapshot) { 
var newPost = snapshot.val(); 

// Loop/Results 

for(var prop in newPost){ 
var xxx = "<li> 
<p>"+newPost.content+"</p> 
<button class='delete' id='deleteThis'> X </button> 
</li>"; 
$(xxx).appendTo("#ul-result");  
} 

// delete Post with button from above 

$('#deleteThis').on('click', function(){ 
// delete all posts --- work 
// dbRef.remove(); 

// delete only this post --- ? 
dbRef.child('?').remove(); 

}); 
}); 
}); 

screenshot

Answer 1

Есть несколько вещей, которые вы можете сделать. Во-первых, похоже, что у вас будет несколько кнопок с iddeleteThis, когда каждый id должен быть уникальным. Поэтому вместо этого вы можете добавить обработчик кликов в .delete. Во-вторых, как упоминалось выше, вы должны использовать snapshot.forEach для повторения над детьми. Наконец, при создании кнопки, вы можете добавить ключ пост в качестве атрибута данных:

<button class='delete' data-key='" + newPost.key + "'> X </button> 

Затем в обработчик щелчка вы можете использовать этот ключ, чтобы предназначаться эту конкретную должность:

$('.delete').on('click', function(){ 
    var id = "user/chat/" + this.dataset.key; 
    firebase.database().ref(id).remove(); 
});