使用JQuery附加具有多個類名的html元素

Question

我正在嘗試使用JQuery $("ul.star-rating").append("<li><i class="fa fa-star" ></i></li>")將此列表項<li><i class="fa fa-star" ></i></li> $("ul.star-rating").append("<li><i class="fa fa-star" ></i></li>")到無序列表$("ul.star-rating").append("<li><i class="fa fa-star" ></i></li>")但是我收到一個錯誤，提示缺少“）”。 我假設我應該逃避“ fa”和“ fa-star”類之間的空白。我不知道我的假設是否正確，並且我想知道如何獲得這樣的結果： <ul class="star-rating"> <li><i class="fa fa-star"></i></li> </ul>

Answer 1

問題是您在這部分中使用了引號：

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

您需要轉義"fa fa-star"引號。 否則，就像將幾個不同的對象"<li><i class=" ，原義的fa fa-star和" ></i></li>" fa fa-star在一起。 或者，您也可以在外面加上單引號。

Answer 2

采用

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

您在字符串中使用雙引號，該字符串終止了append方法的參數文字。

Answer 3

這應該為您工作。

以雙引號或其他方式開頭時，必須使用單引號

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