需要將 的內容拋給span .cat上面div，但是這個事件將全部拋給span .cateach div。在出去的路上我得到date category category2 category3date category category2 category3date category category2 category3我需要嗎date categorydate category2date category3$(document).ready(function() { $('.bdt-post-grid-category').wrapInner('<span class="bdt-post-grid-date cat"></span>'); $('.bdt-post-grid-date.cat').appendTo($(".bdt-post-grid-meta"));});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="bdt-post-grid-meta bdt-subnav bdt-flex-middle"> <span class="bdt-post-grid-date">date</span></div><div class="bdt-post-grid-category bdt-position-small bdt-position-top-left"> <a href="#" rel="category tag">category</a></div><div class="bdt-post-grid-meta bdt-subnav bdt-flex-middle"> <span class="bdt-post-grid-date">date</span></div><div class="bdt-post-grid-category bdt-position-small bdt-position-top-left"> <a href="#" rel="category tag">category2</a></div><div class="bdt-post-grid-meta bdt-subnav bdt-flex-middle"> <span class="bdt-post-grid-date">date</span></div><div class="bdt-post-grid-category bdt-position-small bdt-position-top-left"> <a href="#" rel="category tag">category3</a></div>
1 回答
富國滬深
TA貢獻1790條經驗 獲得超9個贊
用于.each()單獨處理每個元素，僅附加到前一個元素。
$(document).ready(function() {
$('.bdt-post-grid-category').wrapInner('<span class="bdt-post-grid-date cat"></span>');
$('.bdt-post-grid-date.cat').each(function() {
$(this).appendTo($(this).closest(".bdt-post-grid-category").prev());
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="bdt-post-grid-meta bdt-subnav bdt-flex-middle">
<span class="bdt-post-grid-date">date</span>
</div>
<div class="bdt-post-grid-category bdt-position-small bdt-position-top-left">
<a href="#" rel="category tag">category</a>
</div>
<div class="bdt-post-grid-meta bdt-subnav bdt-flex-middle">
<span class="bdt-post-grid-date">date</span>
</div>
<div class="bdt-post-grid-category bdt-position-small bdt-position-top-left">
<a href="#" rel="category tag">category2</a>
</div>
<div class="bdt-post-grid-meta bdt-subnav bdt-flex-middle">
<span class="bdt-post-grid-date">date</span>
</div>
<div class="bdt-post-grid-category bdt-position-small bdt-position-top-left">
<a href="#" rel="category tag">category3</a>
</div>
- 1 回答
- 0 關注
- 98 瀏覽
添加回答
舉報
0/150
提交
取消