javascript - 在 div 中删除，但在 div 的子项中不删除

Question

我遇到了一些有时出现在父 div 中的换行符的问题。父 div 中还有其他一些 div。这些 div 还包含换行符。有没有办法删除父 div 中的换行符并保留子 div 中的换行符？

注意：它可以是一个换行符或多个

例子：

    <div class="parent">
    <br>
    <br>
    <div class="child1">
       Here <br>
       is <br>
       some <br>
       text <br>
    </div>
    <div class="child2">
       Here <br>
       is <br>
       some <br>
       text <br>
    </div>
    <div class="child3">
       Here <br>
       is <br>
       some <br>
       text <br>
    </div>
    </div>

我希望你知道一个解决方案！

Answer 1

您是否尝试过使用直接子选择器？

$("div.parent>br").remove();

参考：http ://api.jquery.com/child-selector/

如果您这样做$("div.parent br")，它将选择所有死者，而不仅仅是儿童。

Answer 2

这应该有效：

$('.parent > br').remove();

小提琴

来自MDN 文档：
A > E ：作为 A 元素的子元素的任何 E 元素