Question

这个问题与编码问题无关，而是我们如何编写代码。例如，使用追加功能。当我们使用jQuery append插入long div时，很容易忘记它的正确性。例如：

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

是否可以将其转换为可读格式，例如使用多行。我试过了

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

这似乎不起作用。这个问题对某些人来说可能很容易，但对我来说并不是那么明显。虽然我最后缩小了js文件，但在写代码时忘记元素会很好不。

Answer 1

如果你必须添加HTML内联样式，我会建议采用以下格式。

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

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

Answer 2

你可以这样做 -

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

您还可以添加css样式，添加类，更改html，同时附加这些 html元素（包装在jQuery对象中）

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

Answer 3

我的解决方案是创建所有这些元素

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


container.append(..)

这意味着很多代码，但你可以外包它，可以轻松改变属性和良好的可读性......

jQuery附加文本格式

3 个答案: