克隆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和更改值

回答

相关问题