Klonen div und Werte ändern

Question

Wenn ich eine Taste drücke, möchte ich eine neue Kopie der <div class="search-result"> machen und die h3 darin ändern.

Ich habe versucht, es zu klonen, aber das würde nur die bereits bestehende klonen und ich weiß nicht, wie man den Wert von h3 in der neuen geklonten ändern. wie in $(".search-result").clone().appendTo(".search"); Wie ändere ich den Wert des gerade geklonten, da ich eine Schleife habe, um mehr davon zu machen?

Gibt es eine andere Methode, dies zu tun?

<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

Versuchen Sie etwas wie das. In diesem Beispiel müssen Sie zunächst den Knoten mit cloneNode klonen und dann an das übergeordnete div anhängen. Suchen Sie das h3-Tag innerhalb des geklonten Div mit find() und verwenden Sie html(), um den inneren HTML-Code des h3-Tags zu bearbeiten.

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