Question

我有情况我必须删除所有元素（.bxwrapper），除了最后一个bxwrapper，其中包含来自html的ul li，因为我已经编写了jquery代码，但是没有正常工作请建议。？

<div class="row" id="customBx">
    <div class="bx-wrapper" style="max-width: 100%;">
        <div class="bx-viewport" style="width: 100%; overflow: hidden; position:   relative; height: 336px;">
            <div class="bx-wrapper" style="max-width: 100%;">
                <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 335px;">
                    <div class="bx-wrapper" style="max-width: 100%;">
                        <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 333px;">
                            <div class="bx-wrapper" style="max-width: 100%;">
                                <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 331px;">
                                    <ul class="bxslider">
                                        <li class="edSel edBxSlider editBxSlider edRemove" style="float: left; list-style: none; position: relative; width: 990px;"></li>
                                        <li class="edSel edBxSlider editBxSlider edRemove" style="float: left; list-style: none; position: relative; width: 990px;"></li>
                                    </ul>
                                </div>
                                <div class="bx-controls bx-has-controls-direction">
                                    <div class="bx-controls-direction">
<a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $('.bx-wrapper:not(:last-child)').remove();
</script>

Answer 1

您应首先clone然后删除它们。

var list = $('ul.bxslider').clone(true, true);
$('.bx-wrapper').remove();

然后将克隆元素追加到body或其他元素。

$('#customBx').html('<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 331px;"></div>').find('.bx-viewport').append( + list + );

Answer 2

您可以使用detach()，请尝试以下操作：

var $lastChild = $('.bx-wrapper').last().detach();
$('#customBx').html($lastChild);

或者只是

$('#customBx').html($('.bx-wrapper').last());

Answer 3

你也试试这个：

var $lastChildren = $('ul.bxslider').parent().parent('.bx-wrapper').html();
$('#customBx').html($lastChildren);

但使用下面的jquery部分

$(document).ready(function(){
// Above code
})

从jquery中删除last-child

3 个答案: