Каков наилучший способ удалить первый div внутри родительского div с помощью jQuery?

Question

У меня есть следующая разметка:

<div id="parent">
    <div id="divToRemove">
    </div>
</div>

И у меня есть следующий jQuery для удаления первого div, который отлично работает:

$('#parent').find('div').remove();

Это лучший способ удалить первый компонент? Или более эффективно использовать селекторы? Пример был бы великолепен!

Обратите внимание , я знаю, что могу использовать:

$('#divToRemove').remove();

однако я хотел бы иметь возможность использовать селекторы в этом случае (причины выходят за рамки вопроса).

* +1015 * Спасибо, Норм.

Answer 1

Это должно быть самым быстрым и безопасным:

$('#parent').find('div').first().remove();

Answer 2

Вы хотите

$('#parent').find('div:first').remove();

или он удалит все <div> в пределах родительского <div>.

Answer 3

скажем так.вы делаете событие JS, и у вас есть доступ к «этому», я сделаю это следующим образом.

$('#child').click(function(){
    $(this).closest('div#parent').children('div:first').remove();
});

поясните, это не самый эффективный способ, но полезный для интерактивного событияКроме того, вы можете использовать несколько селекторов:

//closest,parent,next,prev,find,children and nth-child()

Answer 4

У меня есть еще один:

$('#parent > div:first').remove();

«>» выбирает дочерние элементы элемента, на который есть ссылки слева, и, конечно же, «first» относится к первому дочернему элементу.

Answer 5

$('#parent').children('div:first').remove();

используйте это, если вы говорите только об удалении непосредственного потомка div из parent.и это будет лучше, чем .find (), когда у вас будет больше внутренних элементов div.

Answer 6

вы можете попробовать это. У меня отлично работает

.

$ ( '# родителя) найти ( 'DIV: первый'). Удалить ();