使用JQuery追加具有多个类名的html元素

时间:2018-01-27 15:05:12

标签: javascript jquery html css

我正在尝试使用JQuery <li><i class="fa fa-star" ></i></li>将此列表项$("ul.star-rating").append("<li><i class="fa fa-star" ></i></li>")附加到无序列表中,但是我收到错误消息&#34;)&#34;。 我认为我应该逃避课程之间的空白区域,并且不知道我的假设是否正确我想要知道我怎么能达到这样的结果:  <ul class="star-rating"> <li><i class="fa fa-star"></i></li> </ul>

3 个答案:

答案 0 :(得分:1)

问题是你在这一部分使用了引号:

"<li><i class="fa fa-star" ></i></li>"

您需要转义"fa fa-star"引号。否则就像将几个不同的对象混合在一起"<li><i class=",文字fa fa-star" ></i></li>"。或者你可以在外面单引号。

答案 1 :(得分:0)

使用

 $("ul.star-rating").append("<li><i class='fa fa-star'></i></li>");

您在字符串中使用双引号来终止append方法的参数文字。

答案 2 :(得分:0)

这对你有用。

当您使用双引号或

开头时,必须使用单引号

$("ul.star-rating").append("<li><i class='fa fa-star'></i></li>")