Php 通过在运行时删除旧图像向div添加图像

我有一个滑块，它以垂直滚动的方式显示从数据库中拍摄的80多幅图像

下面是运行时的代码

<div class="albums-div">
        <ul class="slides" style="width:148px; height:148px">

            <?php

                  foreach($rings as $ring)
                  {
                    echo '<li> <input class="teringimage"  type="image" src="'. $ring['ringThumbNailImagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:143px; height:143px;"></li>';
                  }            
             ?>
        </ul>
    </div>

在某个时候，我想再次执行查询。其目的是删除所有图像，然后替换为内部的新图像

下面是代码

 jQuery('#albums-div ul.slides').empty();
                            jQuery.each( msg.data, function( i, val ) 
                            {
                                jQuery('#albums-div ul.slides').append('<li> <input class="teringimage"  type="image" src="'+val['ringThumbNailImagePath']+'" name="checked" value="' + val['id']+'" data-my-info="'+val['ringSetName'] +'"  width="150" height="150"></li>');
                            }); 

现在msg.data是一个取自db的数组。它不是空的，但既不删除图像也不添加新图像

---

jQuery选择器使用中的任何想法。用于类而不是用于id

针对你的评论： 将事件绑定到动态添加的元素时，请确保使用.on

正如Manoj Yadav所指出的那样：

$('.albums-div ul.slides').on('click', '.teringimage', function() {

});

---

请再次检查用于albums div的jquery选择器中的img标记在哪里，而不是使用。@RobinvdA cmon。。。多么愚蠢的错误啊。谢谢做一个回答，我接受当您动态添加内容时，请在上使用，对click$'.albums div ul.slides.尝试此选项。在“click”上使用“.teringimage”，函数{click handler用于“.teringimage”，而不是幻灯片，幻灯片用于委派事件