使用 jQuery 创建的 DOM 元素在 IE8 中不起作用

Question

我正在尝试使用jQuery创建一个DOM元素：

var placeHolder = $("<li></li>",{text: "PlaceHolder",class:"placeHolder"});

这在 chrome 上工作正常，但在 IE8 上出现编译错误。

错误"预期的标识符，字符串或数字"。

Answer 1

工作代码

var placeHolder = $("<li></li>", {text: "PlaceHolder", 'class':"placeHolder"});
$('body').append(placeHolder);

Answer 2

尝试使用：

var placeHolder = $('<li class="placeHolder">PlaceHolder</li>');

或：

var placeHolder = $("<li />", {text: "PlaceHolder", "class":"placeHolder"});

Answer 3

你为什么不使用这种语法，

var placeHolder = $("<li></li>").addClass("placeHolder").text("PlaceHolder")

使用 addClass（）、text（） 其他 jQuery 方法是实现这些目的的优选方法。

Answer 4

尝试，

var placeHolder = $("<li/>", { "text": "PlaceHolder", "class": "placeHolder" });