如何在.append（）函數中添加巨大的html？

與.append的問題是，我必須寫在一行像這樣：如何在.append（）函數中添加巨大的html？

$('#addr' + (i - 1)).append("<td>" + i + "</td><td><input id='riferimento_" + i + "' name='riferimento_" + i + "' type='text' placeholder='RIFERIMENTO' class='form-control riferimento' /></td><td><input id='host_" + i + "' name='host_" + i + "' type='text' placeholder='HOST' class='form-control host' /></td><td><input id='user_" + i + "' name='user_" + i + "' type='text' placeholder='USER' class='form-control user' /></td><td><div class='opzioni' id='opzione" + i + "'> <p id='infotime_" + i + "' class='pull-left'><p> <a href='#' id='" + i + "' class='btn btn-danger btn-circle pull-right btn_delete_row'> <span class='glyphicon glyphicon-trash'></a> <a style='margin-right: 8px;' href='#' data-popup-open='popup_" + i + "' class='btn btn-info btn-circle pull-right more_info '><span class='glyphicon glyphicon-info-sign'></span></a> <a hidden style='margin-right: 8px;' href='#' key='" + i + "' id='update_row_db_" + i + "' class='btn btn-primary btn-circle pull-right update_row_db '><span class='glyphicon glyphicon-pencil'></span></a> <a hidden style='margin-right: 8px;' href='#' key='" + i + "' id='add_row_db_" + i + "' class='btn btn-success btn-circle pull-right add_row_db '><span class='glyphicon glyphicon-save'></span></a> </div></td>");

如何使用特徵線和格式化這樣的HTML：

$('#addr'+(i-1)).append(" 
    <div> 
     <p></p> 
    </div> 
");

我想讓代碼對於進一步的更改更具可讀性。也許我以錯誤的方式看待問題，你知道另一種方式嗎？

來源

2016-10-17 user7031185

用引號括各條線和將它們連接起來 –

一般來說，腳本標籤和文件是對JavaScript和.html，.php文件等是標記 – adeneo

如果你需要追加動態的HTML你應該看看使用模板庫 –

你可以這樣做： -

var htmlToAppend; 
htmlToAppend="<td>"+ i +"</td>"; 
htmlToAppend=htmlToAppend+"<td><input id='riferimento_"+i+"' name='riferimento_"+i+"' type='text' placeholder='RIFERIMENTO' class='form-control riferimento'/>"; 
htmlToAppend=htmlToAppend+"</td>"; 
htmlToAppend=htmlToAppend+"<td><input id='host_"+i+"' name='host_"+i+"' type='text' placeholder='HOST' class='form-control host' /></td>"; 
htmlToAppend=htmlToAppend+ "<td><input id='user_"+i+"' name='user_"+i+"' type='text' placeholder='USER' class='form-control user' /></td>

「;

最後

$('#addr'+(i-1)).append(htmlToAppend);

，以使其更具可讀性

來源

2016-10-17 13:27:26 Webdev

我同意你的答案，但我會建議一個小的修改：而不是'htmlToAppend = htmlToAppend +更多html這裏'，更好的方法是：'htmlToAppend + ='更多html這裏' –

行..我知道你的建議 – Webdev

是的......你說得對 – Webdev

Google's JavaScript style guide建議使用字符串連接代替逸出換行符：

變種的myString = '<div> ' +
'<p> Hello World</p>' +
'<p> Use this style </p>' +
'</div>';

來源：https://stackoverflow.com/a/6247331/3704861

來源

2016-10-17 13:30:04

回答

相關問題