克隆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中find() 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' );