JQuery从Firebase中删除最接近的元素

时间:2016-03-11 13:16:51

标签: javascript jquery html reactjs firebase

所以我在聊天箱中添加了来自Firebase的记录,但我还想删除这些记录。现在我不是JQuery的天才,因此我想知道应该使用什么。在原始示例中,他们使用data-id's

//Delete when clicking element
jQuery('body').on('click', 'a#message', function() {
   var $rec = $(this).closest('[data-reactid]');
    var id = $rec.attr('data-reactid') || null;
    if( id ) {
       // Delete nested elements
       $rec.find('[data-reactid]').each(function() {
          ref.child($(this).attr('data-reactid')).remove(); 
       });

       // Delete record
       ref.child(id).remove();
    }
    return false;
});


ref.on('child_removed', function (snapshot) {
    $('ul.chat-messages').find('[data-reactid="'+snapshot.name()+'"]').remove();
});

这是最初的例子: http://jsfiddle.net/katowulf/QnUpb/

我的输出除了示例之外的其他内容,它的构建如下:

<ul class="chat-messages" data-reactid=".1.1.1.1">
   <ul id="ulrecords">
     <li id="limessage">[some message here]</li>
     <li>[additional info for message</li>
   </ul>
</ul>

基本上在第一个'li'我有一个激活JQuery,当我点击'li'中的删除按钮时,我想删除“ulrecords”

希望任何人都可以帮助我

0 个答案:

没有答案