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

Question

I am trying to create a DOM element using jQuery:

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

This is working fine on chrome but getting compilation error on IE8.

Error "Expected identifier,string or number".

Answer 1

Working Code

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

Answer 2

Try to use:

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

or:

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

Answer 3

why dont you use this syntax,

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

using addClass(), text() other jQuery methods is a preferable way for these purpose.

Answer 4

尝试，

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