Question

<div ="fullcontainer">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>

</div>

$('#fullContainer').children().slice(2).remove();

它给出了结果：

<div ="fullcontainer">
<div id="a"></div>
<div id="b"></div>
</div>

如何得到这样的结果？

<div ="fullcontainer">

<div id="d"></div>
<div id="e"></div>

</div>

第二个问题 我得到了最后一个和最后一个div id：

$('#fullContainer div:last-child').attr('id');

$('#fullContainer div:nth-last-child(2)').attr('id');

如何获得第一和第二个div id？

Answer 1

您可以使用以下代码删除第一个div：

$(document).ready(function(){
    $("#fullcontainer div:first-child").remove();
});

Checkout小提琴：

http://jsfiddle.net/aX83W/

Answer 2

尝试使用.eq()，

$('#fullContainer').children().eq(0)  //first div
$('#fullContainer').children().eq(1)  //second div
.
.
$('#fullContainer').children().eq(n)  //nth div

满足您要求的完整代码，

var cache = $('#fullContainer').children();
cache.first().remove();  //removing the first one
cache.eq(cache.length - 2).attr('id'); // getting the id of the second one from the last.

对于您的新编辑，您可以尝试，

   var cache = $('#fullContainer').children();
   cache.filter(':lt(' + (cache.length - 2) + ')').remove();

DEMO

Answer 3

首先删除

$('#fullContainer').children().first().remove();

的ID

$('#fullContainer div:first-child').attr('id');

$('#fullContainer div:nth-child(2)').attr('id');

Answer 4

使用start和end slice()删除前3个元素，例如

$('#fullContainer').children().slice(0,3).remove();// remove first 3 elements

要获取first和second元素id，请尝试使用 eq-selector ，

$('#fullContainer div:eq(0)').attr('id');// first element id
$('#fullContainer div:eq(1)').attr('id');// second element id

或者您可以尝试 nth-child selector ，

$('#fullContainer div:nth-child(1)').attr('id');// first element id
$('#fullContainer div:nth-child(2)').attr('id');// second element id

注意确保您的div-id为fullcontainer（您错过了div元素中的id）并且您在jquery中使用fullContainer，要正常工作，两者都必须是相同。

Demo

Answer 5

您可以使用：first或first（），或者甚至可以使用eq（）运算符

$('#fullContainer div :first').remove()

或

$('#fullContainer div').first().remove()

或

$('#fullContainer div').eq(0).remove()

Answer 6

To remove first

$('#fullContainer').children().first().remove();

也

$('#fullContainer').children(div:nth-of-type(1)).remove();
$('#fullContainer').children(div:nth-of-type(1)).remove(); 
$('#fullContainer').children(div:nth-of-type(1)).remove();

甚至喜欢这个

$('#fullContainer div:nth-child(1)').attr('id');
$('#fullContainer div:nth-child(2)').attr('id');
$('#fullContainer div:nth-child(n)').attr('id');

Answer 7

$('#fullContainer div').eq(0).remove();

如何使用jquery删除起始div元素？

7 个答案:

DEMO