jQuery追加文本格式

這個問題與編碼問題無關，但我們如何編寫代碼。例如採取追加功能。當我們使用jQuery append插入長div時，很容易失去跟蹤它的正確性。示例：jQuery追加文本格式

$('#someDiv').append('<div><span><div> .............. hundreds of div here ..... </div></span></div>');

是否可以將其轉換爲可讀格式，例如使用多行。我試過

$('#someDiv').append('<div>'+ 
+'<span>'+ 
+'<div> ...... and you get the point')

這似乎不起作用。這個問題對某些人來說可能很容易，但對我來說並不那麼明顯。同樣，儘管我最終將js文件縮小了，但在編寫代碼時，會丟失跟蹤元素的而不是。

來源

2014-02-11 pewpewlasers

_doesn't似乎WORK_改變HTML？有沒有錯誤？ –

你有一個'+'後跟一個'+'。這在句法上是正確的，但希望在你的HTML中找到幾個「0」和「NaN」。 –

@SalmanA yup這就是發生了什麼 – pewpewlasers

你可以這樣來做 -

$('#someDiv').append($('<div>').append($('<span>')) 
           .append($('<div>')) 
           .append($('<div>')) 
           .append($('<div>')) 
           .append($('<div>')) 
)

您還可以添加css風格，添加CLA SS，而這些附加html元素（包在jQuery對象）

$('<div>').css('color','red') 
$('<div>').addClass('someClass') 
$('<div>').html("and you get the point")

來源

2014-02-11 11:13:38

如果您必須添加HTML內聯樣式，我會建議使用以下格式。

var html = 
'<div class="somediv">\ 
    <div class="otherdiv">\ 
    . 
    .. 
    ... 
    </div>\ 
</div>'; 

$('#somediv').append(html);

來源

2014-02-11 11:07:44

這是在換行符之間添加太多空間。有什麼建議麼？ – pewpewlasers

您可以通過刪除凹痕使其不易讀取。 –

我的解決方案是創建所有這些元素

div1 = $(document.createElement('div')); 
div1.attr(..); 
div1.css(..); 


container.append(..)

這意味着大量的代碼，但你可以外包出去，可以輕鬆更改屬性和其良好的可讀性...

來源

2014-02-11 11:10:19 Martin

jQuery追加文本格式

回答

相關問題