javascript - jquery 中的 HTML 标记

Question

我想在一些链接文本旁边添加一个图标，使 Accordion 展开和折叠。文本已从“查看更多”更改为“查看更少”。请参阅工作演示 - http://bootply.com/106271

所以添加:

<span class="glyphicon glyphicon-chevron-up"></span>

停止文本更改工作。

这是尝试添加图标的损坏版本:http://bootply.com/106270

$(document).ready(function(){
    $("#morebtn").click(function(){
        $(this).html($(this).html() == "See more <span class="glyphicon glyphicon-chevron-up"></span>" ? "See less" : "See more <span class="glyphicon glyphicon-chevron-up"></span>");
    });
});

Answer 1

您的引号不匹配:

"See more <span class="glyphicon glyphicon-chevron-up" ... "
^                     ^                              ^     ^

要解决此问题，请使用单引号或转义双引号:

'See more <span class=" ... " ... '

"See more <span class=\" ... \" ... "

Working Bootply Demo .