带有多个类的.append()元素

时间:2016-10-27 02:05:04

标签: javascript jquery html

我无法找到关于是否可以使用.append()将元素附加到html并为该元素提供多个类的任何信息

 $( ".nav" ).append("<li class=tab><a href=#content class=menu-button>Menu</a></li>");

工作得很好,但是

$( ".nav" ).append("<li class=tab home-tab><a href=#content class=home-button>Home</a></li>");

不会输出正确的HTML。 html捕获tab类,但不捕获home-tab类。

有没有办法解决这个问题?

2 个答案:

答案 0 :(得分:4)

也许使用单引号会起作用

$( ".nav" ).append("<li class='tab home-tab'><a href='#content' class='home-button'>Home</a></li>");

答案 1 :(得分:1)

将类列表放在单引号中,您可以根据需要使用多个。什么适用于多个类:

$( ".nav" ).append("<li class='tab home-tab'><a href='#content' class='home-button'>Home</a></li>");