Javascript 使用Jquery操作html内容后获取html

在我的js函数中，我想更改div中某些元素的属性，然后我需要将该div的html内容传递给另一个函数。但是，我使用html（）方法获得的html没有改变。更改后如何获取html？代码如下所示：

函数copyDiv（）{
//设置文本区域的内容
$（“#文本_字段”）.val（“测试”）；
//获取textarea的内容，内容已更改
警报（$（'#文本_字段'）.val（））；
//获取html内容并将其设置为新的div
//但是，此html没有更改
$（'#newDiv'）.html（$（'#myDiv'）.html（））；
}

正文：
test

我修改了您的代码，以便在复制HTML后将textarea的值复制到新的textarea，因为该值不是DOM的一部分（并且不会自动出现）

我还从textarea中删除了ID属性，因为在一个页面上不能有多个元素具有相同的ID，这是代码产生的结果

函数copyDiv（）{
$formControl=$（“#myDiv.formControl”）；
//设置文本区域的内容
$formControl.val（“测试”）；
//获取textarea的内容，内容已更改
警报（$formControl.val（））；
//获取html内容并将其设置为新的div
$（'#newDiv'）.html（$（'#myDiv'）.html（））；
$（'#newDiv.form control'）.val（$formControl.val（））；
}

正文：
test

我修改了您的代码，以便在复制HTML后将textarea的值复制到新的textarea，因为该值不是DOM的一部分（并且不会自动出现）

我还从textarea中删除了ID属性，因为在一个页面上不能有多个元素具有相同的ID，这是代码产生的结果

函数copyDiv（）{
$formControl=$（“#myDiv.formControl”）；
//设置文本区域的内容
$formControl.val（“测试”）；
//获取textarea的内容，内容已更改
警报（$formControl.val（））；
//获取html内容并将其设置为新的div
$（'#newDiv'）.html（$（'#myDiv'）.html（））；
$（'#newDiv.form control'）.val（$formControl.val（））；
}

正文：
测试

使用jQuery.clone（）而不是.html（）

替换这个

$('#newDiv').html( $('#myDiv').html());

就这样

$('#newDiv').html( $('#myDiv').clone());

使用jQuery.clone（）而不是.html（）

替换这个

$('#newDiv').html( $('#myDiv').html());

就这样

$('#newDiv').html( $('#myDiv').clone());

• 您可以尝试以下代码，如果您想在文本区域内设置内容，则应使用此代码

  $（'#text_field'）。text（“test”）并设置文本区域的内部文本

• 如果要更改value属性，可以使用此代码

  $（“#text_field”）.attr（“value”，“test”）。其余代码相同

字符串重置
正文：
试验
函数copyDiv（）{
//设置文本区域的内容
$（“#文本_字段”）.text（“测试”）；
//设置第个文本区域的值属性的步骤
$（“#文本_字段”）.attr（“值”、“测试”）；
//获取textarea的内容，内容已更改
警报（$（“#文本_字段”）.text（）；
//获取html内容并将其设置为新的div
//但是，此html没有更改
$（'#newDiv'）.html（$（'#myDiv'）.html（））；
}

• 您可以尝试以下代码，如果您想在文本区域内设置内容，则应使用此代码

  $（'#text_field'）。text（“test”）并设置文本区域的内部文本

• 如果要更改value属性，可以使用此代码

  $（“#text_field”）.attr（“value”，“test”）。其余代码相同

字符串重置
正文：
试验
函数copyDiv（）{
//设置文本区域的内容
$（“#文本_字段”）.text（“测试”）；
//设置第个文本区域的值属性的步骤
$（“#文本_字段”）.attr（“值”、“测试”）；
//获取textarea的内容，内容已更改
警报（$（“#文本_字段”）.text（）；
//获取html内容并将其设置为新的div
//但是，此html没有更改
$（'#newDiv'）.html（$（'#myDiv'）.html（））；
}

是否也要将textarea的值复制到新元素？是的，完全正确@AnsonDo您也要将textarea的值复制到新元素吗？是的，完全正确@安森