使用Jquery添加带div的标签

Question

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

你能告诉我如何解决这个问题吗？我的fiddle

HTML

<div id="first-tab">

JS

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

})

Answer 1

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

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

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

<强>码

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

});

Answer 2

如果在jQuery中使用方法中的任何HTML标记，请将其用双引号括起来，如下所示

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

如果你再次使用像这样的双引号

，请在这些双引号内

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

然后编辑不会识别id divSection和类newClass的双引号。

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

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

但如果您遵循Microsoft提供的编码标准“UseConsistentOfQuotationMarks”，则使用此方法会出现SPCAF错误 所以这是最好的方式

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

这里只要双引号内有双引号，内部双引号就像上面的“正斜杠”

Answer 3

修正你的报价：

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

Answer 4

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

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

在更新后的jsFiddle中查看它。

Answer 5

你已经做对了。只需改变一下：

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

});

我在这里改变了名字＆＃34; to＆＃39; name＆＃39;，这会导致错误的html。

Answer 6

只需加入我的两分钱 - 希望我没有得到大规模的投票，哈哈。

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

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

Here是小提琴