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>'); 

我試圖append html，但它給出了語法錯誤。

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>