无法使用javascript删除并显示另一个ul标记？

我目前在显示一系列

标签时遇到问题，但一次只显示一个标签，并在每个

子标签中添加一个删除按钮，以便删除并显示另一个用户

这是我的密码：

<ul id="facebook">
<?php
$sql=mysqli_query($conn,"SELECT * FROM users2 LIMIT 10");
while($row=mysqli_fetch_array($sql))
{
$user_id=$row['id'];
$user_name=$row['name'];
$user_image=$row['profile_pic'];
?>
<li class="myLi" id="list<?php echo $user_id; ?>">
<img src="http://www.hootpile.com/userdata/profile_pic/<?php echo $user_image; ?>" />
<span class="del"><a href="#" class="delete" id="<?php echo user_id; ?>">X</a></span>
<a href="" class="user-title"><?php echo $user_name;?> </a>
<span class="addas">Add as Friend</span>
</li>
<?php
}
?>
</ul> 
<script type="text/javascript">
$('#facebook').on("click", '.delete', function() {
 var element = $(this);
 var I = element.attr("id");
 $('li#list'+I).fadeOut('slow', function() {$(this).remove();});
});
</script>

$（'#facebook'）。在（“单击”、'.del'，函数（）{
var元素=$（此）；
var I=元素属性（“id”）；
$（'li#list'+I）.fadeOut（'slow'，function（）{$（this.remove（）；}）；
});

您正在将click事件委派给类的组件
。删除
，但您没有该类的任何组件

您应该改用
.del
 您的代码运行良好，您需要将其包装到ready函数中

    jQuery(document).ready(function (){
       jQuery('#facebook').on("click", '.delete', function() {
            var element = jQuery(this);
            var I = element.attr("id");
            jQuery('li#list'+I).fadeOut('slow', function() { jQuery(this).remove();});
        }); 
    });

您正在触发
.delete
元素上的单击事件，但您要删除的元素是
.del
。耶！但还是什么都没发生。你检查过你的控制台吗？是否有任何错误？是否在
ul
中有多个
li
标签？是！将有多个li标记。@RahulKapoor:代码工作了？也可以调用
事件。preventDefault（）
    jQuery(document).ready(function (){
       jQuery('#facebook').on("click", '.delete', function() {
            var element = jQuery(this);
            var I = element.attr("id");
            jQuery('li#list'+I).fadeOut('slow', function() { jQuery(this).remove();});
        }); 
    });