我需要將每個容器中的 p 標簽移到它的容器之外,所以我需要將“一些文本 1”移到它的容器之外,并且與下一段相同,但我得到的是它們都移到了外面容器
$(document).ready(function() {
$('.select-p-container p').each(function () {
$(this).insertBefore('.select-p-container');
})
});
.select-p-container{
border:1px solid red;
max-width:450px;
margin-bottom: 20px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
<div class="select-container">
<div class="select-p-container">
<p>Some text 1</p>
<select name="" id="">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
</div>
<div class="select-p-container">
<p>Some text 2</p>
<select name="" id="">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
</div>
</div>
</div>
uj5u.com熱心網友回復:
您需要適當地限制元素選擇的范圍。
$(this).insertBefore('.select-p-container')
.select-p-container在整個檔案中選擇該類的所有元素。
您只需要元素,即當前段落的實際父元素:
$(this).insertBefore($(this).parent());
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/485377.html
標籤:javascript html jQuery css
上一篇:如何使用jquery僅將那些沒有任何價值的文本框設為只讀?
下一篇:在Jquery中模擬“退格”
