クローンdivと値を変更する

Question

ボタンを押すと<div class="search-result">の新しいコピーを作成し、その中のh3を変更します。

私はそれを複製しようとしましたが、それはすでに構成されているクローンのみを複製するだけで、新しいクローンのh3の値を変更する方法はわかりません。 のように$(".search-result").clone().appendTo(".search");私はこれらの多くを作るためのループを持っているので、今クローンしたものの値を変更するにはどうすればよいですか？

別の方法がありますか？

<div class="col-xs-12 col-md-6 search" style="background-color: blue;"> 
         <h2>Sök resultat</h2> 
         <div class="search-result"> 
          <h3>Titel(year)</h3> 
          <input id="btnFavorite" type="submit" value="Favoritfilm" class="btn btn-warning"> 
          <input id="btnArkiv" type="submit" value="Arkiv" class="btn btn-warning"> 
         </div> 

        </div> 

Answer 1

このようなものを試してください。この例では、最初にcloneNodeを使用してノードをクローンし、それを親divに追加する必要があります。 find()を使用してクローンされたdiv内のh3タグを見つけ、html()を使用してh3タグの内部htmlを操作します。

  can = document.getElementById(".search_result") 
      clone = can.cloneNode(".search_result"); 
      document.getElementById(".search").appendChild(clone); 
      clone.find('h3').html('put new value here');