Jquery 在克隆的div中更新元素

我有一个div

<div id="myDiv"><h3 id="myHeader"></h3 ></div> 

我希望能够在三个克隆中的每个克隆中将myHeader的值设置为不同的值-然后他们会在屏幕上列出具有不同myHeader值的所有单个克隆

---

如何使用jQuery实现这一点

我不确定，如果有多个相同值的

ID

s在这里起作用，请尝试一下，并删除ID

var $divClone1 = $('#myDiv').clone().removeAttr("id").find("h3").removeAttr("id").html("Hello");
var $divClone2 = $('#myDiv').clone().removeAttr("id").find("h3").removeAttr("id").html("World");
var $divClone3 = $('#myDiv').clone().removeAttr("id").find("h3").removeAttr("id").html("Senty");

---

我不确定是否有多个相同值的

ID

s在这里起作用，但请尝试一下，并删除ID

var $divClone1 = $('#myDiv').clone().removeAttr("id").find("h3").removeAttr("id").html("Hello");
var $divClone2 = $('#myDiv').clone().removeAttr("id").find("h3").removeAttr("id").html("World");
var $divClone3 = $('#myDiv').clone().removeAttr("id").find("h3").removeAttr("id").html("Senty");

---

首先，你不应该克隆一个有ID的标签（或者你应该在克隆后处理它们），因为ID应该是唯一的。应将其替换为以下类：

<div class="myDiv"><h3 class="myHeader"></h3 ></div> 

$($divClone1).find(".myHeader").html("new value");

或

---

首先，你不应该克隆一个有ID的标签（或者你应该在克隆后处理它们），因为ID应该是唯一的。应将其替换为以下类：

<div class="myDiv"><h3 class="myHeader"></h3 ></div> 

$($divClone1).find(".myHeader").html("new value");

或

---

只需限制

范围

并使用

html（）

HTML

<div id="wrapper">
    <div id="myDiv"><h3 id="myHeader">foo</h3 ></div> 
</div>

---

只需限制

范围

并使用

html（）

HTML

<div id="wrapper">
    <div id="myDiv"><h3 id="myHeader">foo</h3 ></div> 
</div>

---

ID在页面上应该是唯一的。我建议使用类名而不是ID。如果每个元素都需要唯一的ID，可以在克隆后应用它们

我只会使用jQuery一次来获取对原始div的引用，然后对其进行克隆

<div class="myDiv"><h3 class="myHeader"></h3 ></div> 

var $myDiv = $('.myDiv'),
    $divClone1 = $myDiv.clone(),
    $divClone2 = $myDiv.clone(),
    $divClone3 = $myDiv.clone();

$divClone1.find('.myHeader').attr('id', 'Clone1').text('Clone1');
// Attach to DOM
$divClone2.find('.myHeader').attr('id', 'Clone2').text('Clone2');
// Attach to DOM
$divClone3.find('.myHeader').attr('id', 'Clone3').text('Clone3');
// Attach to DOM

变量$myDiv=$（'.myDiv'），
$divClone1=$myDiv.clone（），
$divClone2=$myDiv.clone（），
$divClone3=$myDiv.clone（）；
$divClone1.find（'.myHeader'）.attr（'id'，'Clone1'）.text（'Clone1'）；
//附加到DOM
$divClone2.find（'.myHeader'）.attr（'id'，'Clone2'）.text（'Clone2'）；
//附加到DOM
$divClone3.find（'.myHeader'）.attr（'id'，'Clone3'）.text（'Clone3'）；
//附加到DOM

---

祝你好运

ID在页面上应该是唯一的。我建议使用类名而不是ID。如果每个元素都需要唯一的ID，可以在克隆后应用它们

我只会使用jQuery一次来获取对原始div的引用，然后对其进行克隆

<div class="myDiv"><h3 class="myHeader"></h3 ></div> 

var $myDiv = $('.myDiv'),
    $divClone1 = $myDiv.clone(),
    $divClone2 = $myDiv.clone(),
    $divClone3 = $myDiv.clone();

$divClone1.find('.myHeader').attr('id', 'Clone1').text('Clone1');
// Attach to DOM
$divClone2.find('.myHeader').attr('id', 'Clone2').text('Clone2');
// Attach to DOM
$divClone3.find('.myHeader').attr('id', 'Clone3').text('Clone3');
// Attach to DOM

变量$myDiv=$（'.myDiv'），
$divClone1=$myDiv.clone（），
$divClone2=$myDiv.clone（），
$divClone3=$myDiv.clone（）；
$divClone1.find（'.myHeader'）.attr（'id'，'Clone1'）.text（'Clone1'）；
//附加到DOM
$divClone2.find（'.myHeader'）.attr（'id'，'Clone2'）.text（'Clone2'）；
//附加到DOM
$divClone3.find（'.myHeader'）.attr（'id'，'Clone3'）.text（'Clone3'）；
//附加到DOM

---

祝你好运

对克隆的元素使用相同的

id

时要小心，它在文档中必须是唯一的。我宁愿每次克隆对象时都将它们更改为其他内容。我同意，我只是想介绍最基本的场景，以便解释我需要什么。不过，感谢您的提醒。请小心对克隆的元素使用相同的

id

，它在整个文档中必须是唯一的。我宁愿每次克隆对象时都将它们更改为其他内容。我同意，我只是想介绍最基本的场景，以便解释我需要什么。不过谢谢你的提醒。