Javascript 使用Jquery添加带有div的标签

我试图添加一个包含标签的div元素，但它不起作用

你能告诉我怎么修吗？我的

html

js

$（文档）.ready（函数（）{
$（“#第一个选项卡”）。附加（“测试”）
})

工作演示

：）

• 如果你喜欢：

问题使用

”

双引号未正确使用

代码

$(document).ready(function(){
   $( "#first-tab" ).append('<div><label for="name">Test</label></div>');

});

$（文档）.ready（函数（）{
$（“#第一个选项卡”）.append（'Test'）；
});

修复您的报价：

$("#first-tab").append("<div><label for='name'>Test</label></div>")

$（“#第一个选项卡”）。附加（“测试”）

您有几个问题-您需要在JavaScript中关闭

并使用单引号或转义双引号

$(document).ready(function(){
   $( "#first-tab" ).append("<div><label for='name'>Test</label></div>")
});

$（文档）.ready（函数（）{
$（“#第一个选项卡”）。附加（“测试”）
});

---

在更新的中查看它的工作情况。

您已经做对了。只要稍微改变一下，比如：

 $(document).ready(function(){
    $( "#first-tab" ).append("<div><label for='name'>Test</label></div>")

});

$（文档）.ready（函数（）{
$（“#第一个选项卡”）。附加（“测试”）
});

---

在这里，我将“name”改为“name”，这会呈现错误的html。

只需投入我的两分钱-希望我不会获得大量的否决票，哈哈

使用这样的东西不是一回事吗？它更改ID为

第一个选项卡的元素的内部

document.getElementById('first-tab').innerHTML = "<div><label for='name' >TEST</label></div>";

document.getElementById（'first-tab'）.innerHTML=“TEST”；

在jQuery中，当您在一个方法中使用任何HTML标记时，您是否将它括在双引号中

 "<div>Anything.....</div>"

“任何东西…”

在这些双引号中，如果您再次使用这样的双引号

"<div id="divSection" class="newClass">Anything.....</div>"

“任何东西…”

然后编辑器将无法识别id divSection和class newClass的双引号

有很多方法可以解决这个问题，其中一种方法是在双引号内使用单引号，如下所示

"<div id='divSection' class='newclass'>Anything.....</div>"

“任何东西…”

但如果您遵循Microsoft提供的“UseConsistentOfQuotationMarks”编码标准，则使用此选项将导致SPCAF错误
所以这是最好的方法

$(document).ready(function(){$("#section").append("<div><label for=\"name\">Test</label></div>");});

$（document）.ready（函数（）{$（“#节”）.append（“Test”）；}）；

这里，每当双引号内有双引号时，请在双引号内加上“正斜杠”，如上图所示
请简要解释您的答案，以便对OP和其他读者更有用。
"<div id='divSection' class='newclass'>Anything.....</div>"

$(document).ready(function(){$("#section").append("<div><label for=\"name\">Test</label></div>");});