jQuery附加文本格式

Question

这个问题与编码问题无关，但与我们编写代码的方式有关。 例如，使用append函数。 当我们使用jQuery append插入长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(..)

这意味着很多代码，但是您可以将其外包，可以轻松更改属性及其可读性...