html()无法使用chrome浏览器

时间:2013-12-30 01:19:25

标签: jquery

我试图使用innerhtml和html()但是html()在浏览器上不起作用。

可能是什么原因......

当我在小提琴中将innerHTML替换为html()时,我得不到任何结果。

http://jsfiddle.net/7RCyX/

HTML

<ul>
    <li>First</li>
    <li>Second</li>
</ul>

jquery的:

var listitems = $('li')
var firstitem = listitems[1]
var x = firstitem.innerHTML
alert(x)

3 个答案:

答案 0 :(得分:2)

var firstitem = listitems[1]

通过指定它意味着它将返回dom元素(参见图像),因此您可以访问对象的属性,如li.className

enter image description here

您可以将其更改为

var firstitem = listitems.eq(1); // or use nth:child selector 

http://jsfiddle.net/7RCyX/4/

答案 1 :(得分:0)

html()不起作用时你的意思是firstitem.html(),它永远不会这样做因为它是html节点而不是jQuery对象将它转换为jQuery try $(firstitem)或{{1} }。

答案 2 :(得分:0)

x未设置,因为firstitem只是li元素。您需要添加$()

var listitems = $('li');
var firstitem = listitems[1];
var x = $(firstitem).html();
alert(x);

上述代码按预期工作。