克隆div和更改值

當按下按鈕時，我想創建<div class="search-result">的新副本並更改其中的h3。克隆div和更改值

我試圖克隆它，但那隻會克隆已經組成的一個，我不知道如何改變新克隆的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>

來源

2017-02-27 Amar

http://api.jquery.com/find/#find-selector，http://api.jquery.com/text/#text2 –

$（「搜索結果」）。克隆（）.appendTo（「。search」）。find（'h3'）.text（'new value'） – gaetanoM

這部分工作，因爲我想複製讓20次，首先它會複製第一個像它應該，第二個循環時間將複製第一個和第一個複製。這意味着它將複製所有現有的div，搜索結果，最後一次迭代將意味着20->複製所有這些 - >並添加它們。 – Amar

嘗試類似這樣的事情。在這個例子中，您首先需要使用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');

來源

2017-02-27 16:41:47 neophyte

請添加一些關於此代碼爲何/如何幫助OP的解釋。這將有助於提供未來觀衆可以從中學習的答案。請參閱[這個元問題及其答案]（http://meta.stackoverflow.com/q/256359/215552）瞭解更多信息。 –

我正在評論答案。 – Amar

克隆div和更改值

回答

相關問題