每次删除后的第一个<br/>

时间:2018-07-21 15:43:59

标签: javascript

我希望Javascript删除<br>的每个实例之后的</ul>的第一个实例,并且仅当<br>紧跟在</ul>标记之后。到目前为止,我知道如何将<br>替换为空,但是我不确定从哪里获取代码。

    $('.section').each(function() {
        var string = $(this).html();    
        $(this).html(string.replace('<br>' , ''));  
    }); 

任何帮助将不胜感激。

谢谢!

3 个答案:

答案 0 :(得分:0)

使用查询选择器'.section ul + br',然后在每个br上使用el.remove()

可以这样做:

document.querySelector('input').addEventListener('click', e => {
  Array.from(document.querySelectorAll('.section ul + br')).forEach(br => {
    br.remove()
  })
})
<p><input type="button" value="Remove br's"></p>

<div class="section">
  <ul><li>Text 1</li></ul><br><br>
  <ul><li>Text 2</li></ul><br>
  <ul><li>Text 3</li></ul><br><br>
  <ul><li>Text 4</li></ul><br>
</div>

答案 1 :(得分:0)

尝试一下

$('.section ul+br').remove();

在这里,我们将删除br之后的所有ul。这只是相邻的同级CSS选择器。

答案 2 :(得分:-1)

以下代码对我而言100%有效,并且非常简单。发布此答案的人出于某种原因在几秒钟后将其删除。

$('ul').next('br').remove();