jquery - 如何使用 jQuery 删除 div 开头的多余空格？

Question

我想从 div 中删除额外的空白创建标签(特别是 br 和 p)。 div 内容可能如下:

<div>
  <br>
  <br>
  something
  <br>
  something
</div>

但在其他情况下它们也可以很好:

<div>
  something
  <br>
  something
</div>

How to remove the first two BR tags with jquery? 中描述的解决方案如果 BR 计数已知(例如，开头始终为单个 br)，则有效。如果一开始的BR数量在0到无穷大之间怎么办？另外，中间的 BR 不应被删除。

寻找类似 $.trim 的 div :)

Answer 1

以下内容将删除所有重复的 <br>文本 block 中的元素(包括开头):

​$("div"​​​​​​).html(function(i, html) {
    return $.grep(html.split(/<br\s*\/?>/), function(part) {
        return $.trim(part) !== "";
    }).join("<br>");
});

演示: http://jsfiddle.net/S8qeb/

这将删除所有 <br>元素仅位于文本 block 的开头:

$("div").html(function(i, html) {
    var textFound = false;
    return $.grep(html.split(/<br\s*\/?>/), function(part, i) {
        if ($.trim(part) !== "") textFound = true;
        return textFound;
    }).join("<br>");
});

演示: http://jsfiddle.net/S8qeb/1/​