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>');
 }

Answer 2

コードを変更しました。試してみてください。

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

Answer 3

すべてを削除したい場合

アイテム..yコンテナの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);

Answer 4

私は Javascript にあまり詳しくありませんが、必要に応じて、まず古い 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>

以前と同じように新しいアイテムを追加します。