使用 Jquery 添加带有 div 的标签答案

【问题标题】：Adding a label with div using Jquery使用 Jquery 添加带有 div 的标签
【发布时间】：2014-05-29 02:47:49
【问题描述】：

我正在尝试添加一个包含标签但不起作用的 div 元素

您能告诉我如何解决它吗？我的fiddle

html

<div id="first-tab">

js

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

})

【问题讨论】：

【解决方案1】：

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

问题使用'双引号没有正确使用。

代码

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

});

【讨论】：

【解决方案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>");});

在这里，只要双引号内有双引号，就在内部双引号前面加上一个“正斜杠”，就像上面一样

【讨论】：

【解决方案3】：

修正你的报价：

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

【讨论】：

【解决方案4】：

您有几个问题 - 您需要在 JavaScript 中关闭 <div></div> 并使用单引号或转义双引号。

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

在更新后的jsFiddle 中查看它。

【讨论】：

【解决方案5】：

你已经做对了。稍微改一下就好了：

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

});

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

【讨论】：

【解决方案6】：

只需投入我的两分钱 - 希望我不会得到大量反对票，哈哈。

使用这样的东西难道不是一回事吗？它会更改 ID 为 first-tab 的元素的内部。

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

Here 是小提琴

【讨论】：