jQuery追加函数在console.log中给出语法错误

Question

$(".trade-button").append('<div>
<button tabindex="2" class="btn google-analytics-make-trade-click-trade-page"<span id="tradeTotal"></span>
</button></div>');

我正在尝试appendhtml,但它给出了语法错误.

Answer 1

问题是您在多行中编写了附加字符串.你不能这样做,这不是有效的JavaScript.您可以将它写在一行中,也可以正确地转义它.

$(".trade-button").append('<div><button tabindex="2" class="btn google-analytics-make-trade-click-trade-page">Trade For a Total of $0<span id="tradeTotal"></span></button></div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="trade-button"></div>

要么:

$(".trade-button").append('<div>' + 
                          '<button tabindex="2" class="btn google-analytics-make-trade-click-trade-page">' + 
                          'Trade For a Total of $0' + 
                          '<span id="tradeTotal"></span>' + 
                          '</button></div>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="trade-button"></div>