Question

var split = $('.split-location').val().split('\n');
var lines = [];
for(var i=0; i<split.length; i++){
  if(split[i]){
    lines.push($.trim(split[i]));
  }
  return lines;
}

<div class="split-location">
Singapore
USA
Aussie
</div>

在个人资料中，用户键入每个地址的输入，但问题是保存时，地址将显示在网页上：

Singapore USA Aussie

如何在网页上的新行中打断行？或者添加<br>？

如果添加超过5个位置，还需要添加手风琴，因为它太文字冗长。如果array [0]（第一个位置）按原样出现，那么在第一个位置之后，其余位置将进入同一换行符中的accordion section面板。

有没有这样的方法呢？

由于

更新

   var split = $('.split-locations').html().split('\n');
    var lines = [];
    for (var i = 0; i < split.length; i++) {
        if (split[i]) {
            lines.push($.trim(split[i]));
        }
        $('.split-locations').html("<pre>"+lines+"</pre>");
    }

想要用<pre>标记

的行打印每一行

另外如何在打印完第一个之后计算其余位置，以便它们可以按手风琴进行？

Answer 1

首先，div元素没有val()。您应该使用html()或text()来获取

的内部内容

var split = $('.split-location').html().split('\n');

var lines = [];
for (var i = 0; i < split.length; i++) {
    if (split[i]) {
        lines.push($.trim(split[i]));
        alert(split[i]);
    }

}

Fiddle

修改

如果你想在div中将它们显示为单独的行，请像这样使用

var split = $('.split-location').html().replace(/(?:\r\n|\r|\n)/g, '<br />'); $('.split-location').html(split);

Demo

如何在页面上按行分割和返回行

1 个答案: