Question

有没有办法在每个带有类＆＃39;记录的元素之后在我的标记中插入一个break元素？

示例：

HTML

<div class="block" id="codeBlock">
<div class="record">t1</div>
<div class="record">t2</div>
<div class="tlast">
 <div class="record"></div>
     <div class="record">x1</div>
     <div class="record">x2</div>
 </div>
</div>

JS

document.getElementById('codeBlock')

我有整个元素，现在我想在每个标记之后添加一个break标记，并记录＆＃39;记录＆＃39;无论使用jQuery多么深入。

任何帮助都会很棒。

由于

Answer 1

使用insertBefore

Array.from( document.querySelectorAll( ".record" ) ).forEach( function(ele){
    ele.parentNode.insertBefore(document.createElement("br"), ele.nextSibling);
});

Answer 2

这可以使用Core JavaScript实现。我建议使用JQuery来看起来更简单

$(document).ready(function() {

  $('#codeBlock').each(function(e) {
             $( "<br />" ).insertAfter( 'div' );
        });

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block" id="codeBlock">
<div class="record">t1</div>
<div class="record">t2</div>
<div class="tlast">
 <div class="record"></div>
     <div class="record">x1</div>
     <div class="record">x2</div>
 </div>
</div>

希望这有帮助！

在具有特定类的每个标记/元素之后添加<br/>

2 个答案: