在div中删除<br/>但不在div的子节点中删除

时间:2013-10-18 21:10:13

标签: javascript jquery

我遇到一些有时出现在父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>

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

2 个答案:

答案 0 :(得分:4)

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

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

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

如果您只是$("div.parent br"),它会选择所有死者,而不是仅限儿童。

答案 1 :(得分:3)

这应该有效:

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

Fiddle

  

来自MDN docs
  A&gt; E:任何A元素是A元素的子元素