重新加载/替换图像 jQuery 作为 <ul> 中的列表项

reload/replace image jquery as a list item in <ul>

本文关键字：ul 列表 作为 jQuery 新加载 加载 图像 替换      更新时间：2023-09-26

大家好，我将图像作为无序列表 HTML 中的列表项附加到里面并使用jQuery使用以下代码在无序列表中动态插入项目

 for(var i=1; i<=5; i++){       
   $('ul').append('<li class="stage1">'+ stage1img[i]+'</li>')
 }

图像将在页面加载时加载现在单击按钮，我想将所有图像重新标记，即所有列表项(li(与其他项目如下 我试过了 

for(var j=6; j<=10;j++){
      $('li.stage1').replaceWith('<li>'+ stage1img[j]+ '</li>');
     }

我认为你出错的地方在于你的jQuery选择。尝试添加.eq() 

for(var j=6; j<=10;j++){
  $('li.stage1').eq(j-6).replaceWith('<li>'+ stage1img[j]+'stage1 </li>');
 }

如果要删除所有

  • 项目..你不改变容器的 HTML 吗？ 
    var strHTML='';
for(var j=6; j<=10;j++){
     strHTML +='<li>'+ stage1img[j]+ </li>';
     }
//then consider <div> is the container of all this <li> simply do:
$('div').html(strHTML);

    • 我已经修改了您的代码，请尝试一下。

    for(var j=6; j<=10;j++){
      $('li.stage1').replaceWith(stage1img[j]);
     }

    我不是很精通Javascript，但是如果你想ol，为什么不先删除旧的ol，然后再添加新的ol。 要删除 ol，请使用如下内容：

    <script type="text/javascript"><!--
$(document).ready(function() {
  // when the tag with id="btn" is clicked
  $('#btn').click(function() {
    // removes all LI with class="cls" in OL
    $('ol li.cls').remove();
  });
});
--></script>

    然后像以前一样附加新项目。

    相关文章：