javascript - 将图像 jquery 重新加载/替换为 中的列表项

Question

大家好，我正在将图像作为无序列表 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>');
     }

Answer 1

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

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