這是我的 html
<div class="ch-list">
<p><a>Ch 1</a><br><a>Ch 2</a></p>
<br>
<p><a>Ch 3</a><br><a >Ch 4</a></p>
</div>
<div class="pg-list">
<p><a>pg 1</a><br><a>pg 2</a></p>
<br>
<p><a>pg 3</a><br><a>pg 4</a></p>
</div>
如果我執行以下操作
$("p,.ch-list").children('br').remove();
它洗掉所有 <br> 變成這樣
<div class="ch-list">
<p><a>Ch 1</a><a>Ch 2</a></p>
<p><a>Ch 3</a><a>Ch 4</a></p>
</div>
<div class="pg-list">
<p><a>pg 1</a><a>pg 2</a></p>
<p><a>pg 3</a><a>pg 4</a></p>
</div>
我不知道如何只洗掉< a > in class=ch-list 之間的< br > 不包括< p > 或< br > 之間的其他< br > 從其他班級我想做這樣的事情
<div class="ch-list">
<p><a>Ch 1</a><a>Ch 2</a></p>
<br>
<p><a>Ch 3</a><a>Ch 4</a></p>
</div>
<div class="pg-list">
<p><a>pg 1</a><br><a>pg 2</a></p>
<br>
<p><a>pg 3</a><br><a>pg 4</a></p>
</div>
請告訴我該怎么做對不起我的英語不好
uj5u.com熱心網友回復:
您可以這樣做,因為您說要洗掉<br>2 x 之間的內容<a>:
$('.ch-list p br').filter(function() {
if ($(this).prev().is("a") && $(this).next().is("a")) {
return this
}
}).remove()
演示
顯示代碼片段
$('.ch-list p br').filter(function() {
if ($(this).prev().is("a") && $(this).next().is("a")) {
return this
}
}).remove()
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="ch-list">
<p><a>Ch 1</a><br><a>Ch 2</a></p>
<br>
<p><a>Ch 3</a><br><a>Ch 4</a></p>
</div>
<div class="pg-list">
<p><a>pg 1</a><br><a>pg 2</a></p>
<br>
<p><a>pg 3</a><br><a>pg 4</a></p>
</div>
uj5u.com熱心網友回復:
$(".ch-list p").children('br').remove();
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/358722.html
標籤:查询
