我正在谷歌優化中進行 AB 測驗。我需要將 div 從 5 號包裝到 10 號,但我無法做到:
<div class="container active" data-order="1">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<button>11</button>
<div>12</div>
</div>
我正在使用此代碼來執行此操作,但它從 div 編號 1 開始包裝,但我想從 div 編號 5 開始直到 10
$('.gsw_cf.step.active > div:lt(#)').wrapAll('<div />');
有誰知道我應該添加什么?
謝謝
uj5u.com熱心網友回復:
您可以使用 jQuery 的slice();
$('.active > div').slice(5,10).wrapAll('<div />');
$('.active > div').slice(5,10).wrapAll('<div />');
.wrapped{
background:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container active" data-order="1">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<button>11</button>
<div>12</div>
</div>
uj5u.com熱心網友回復:
我找到了一個適用于我使用此功能的解決方案:
$('div[data-order="1"]').each(function(){
$(this).children(".input_wrapper.text").wrapAll("<div class='wrapper' />");
});
我在http://jsfiddle.net/QWHYK/ 和Wrapping sets of elements from a list in DIVs using jQuery 中找到了該解決方案
How to wrap multiple divs中還有另一種解決方案
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/422576.html
標籤:
