如何使用jQuery在html中添加多個標籤

在jQuery中我沒有使用noob，我想在html中添加很多標籤，我不知道這一點。如何使用jQuery在html中添加多個標籤

這是我的jQuery代碼和我得到一個錯誤：

var msg = "mamaly" 
var addmsg = 
    '<li class="me dark-gray massage"> 
     <div class="content"><span class="type-text">' + msg + '</span></div> 
     <div class="in-border"></div> 
     <div class="l-arrow"></div> 
     <div class="status failed" style="display:block;"> 
      <span class="status-text">Sending Failed</span> 
     </div> 
    </li>'; 
$('#timeline ul').append(addmsg);

請指導我。

來源

2013-08-18 MKFB

這是什麼？你能告訴你爲什麼包括所有這些divs？ –

-1

我的朋友這是正確的代碼不是你。你應該寫串聯這段代碼的

這樣的：

var msg = "mamaly" 
var addmsg = '<li class="me dark-gray massage"><div class="content"><span class="type-text">' + msg + '</span></div><div class="in-border"></div><div class="l-arrow"></div><div class="status failed" style="display:block;"><span class="status-text">Sending Failed</span></div></li>'; 
$('#timeline ul').append(addmsg);

來源

2013-08-18 06:30:23 kasiri182

你怎麼能做到這一點。語法是正確的。你沒有在控制檯中得到任何錯誤。但是沒有什麼可以解決的。 –

這是英文的第一句話嗎？：\ – nzifnab

在javascript中，如果你寫在新行字符串，那麼它是不被認爲是一個連續的字符串。這是您在聲明addmsg變量時犯的錯誤。

可能的解決方案：

1）的concat連續字符串值是在新的符合+操作者（注' +在每一行的結束和'在下一行
[的開始優點：更易讀]
[缺點：連接字符串時性能降低]

var addmsg = 
    '<li class="me dark-gray massage">' + 
     '<div class="content"><span class="type-text">' + msg + '</span></div>' + 
     '<div class="in-border"></div>' + 
     '<div class="l-arrow"></div>' + 
     '<div class="status failed" style="display:block;">' + 
      '<span class="status-text">Sending Failed</span>' + 
     '</div>' + 
    '</li>';

2）寫在同一行字符串沒有任何換行符
[優勢：好一點的表現則連接字符串]
[缺點：不易閱讀對於長琴絃]

var addmsg = '<li class="me dark-gray massage"><div class="content"><span class="type-text">' + msg + '</span></div><div class="in-border"></div><div class="l-arrow"></div><div class="status failed" style="display:block;"><span class="status-text">Sending Failed</span></div></li>';

其餘的代碼（即，第一行和最後一行）將保持不變。
希望這是有幫助的！

來源

2013-08-18 08:32:11

如何使用jQuery在html中添加多個標籤

回答

相關問題