使用 Jquery 添加带有 div 的标签

Question

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

你能告诉我如何解决吗？我的 小提琴

网页格式

<div id="first-tab">

js

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

})

原文由 user1050619 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

工作演示 :) http://jsfiddle.net/d5Lqs/

• 如果你热衷于： jquery .html() vs .append()

问题使用 ' 双引号未正确使用。

代码

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

});

原文由 Tats_innit 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 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>");});

在这里，只要双引号内有双引号，就会在内部双引号前面加上“正斜杠”，如上

原文由 yogesh upadhyay 发布，翻译遵循 CC BY-SA 3.0 许可协议