Как найти все до и после специального тега или идентификатора

Question

Я хочу удалить все до и после form. Я новичок в jquery и английском.

<h1>hello</h1>
<span>world</span>
<form id=f>
<input name=g>
<input type=submit>
</form>
<div>footer</div>
<p>more</p>

Answer 1

Я бы выбрал:

var el = $('#f').detach();
$('body').empty().append(el);

, то есть вытащил биты из DOM, которые вы хотите сохранить, и затем полностью замените текущее тело этими элементами.Это обеспечит его работоспособность даже в том случае, если нужные элементы вложены в длинное дерево DOM.

См. http://jsfiddle.net/rwWp9/1/

Answer 2

Вы можете использовать .nextAll() и .prevAll(), чтобы выбрать все после и перед элементом.

$("form#f").nextAll().remove();
$("form#f").prevAll().remove();

Пример на jsfiddle вашей разметки.

Answer 3

Вы должны использовать методы nextAll () и prevAll (), чтобы удалить всех братьев и сестер.Однако, чтобы дать вам альтернативную идею, взгляните на этот код.Обратите внимание, что это не решение проблемы.

$(document).ready(function(){
$("body").children().each(function(i){
   if($(this).attr("id") != "f"){
        $(this).remove();
    }
});
});

Answer 4

Проверьте функции jQuery not () , prevUntil () и nextUntil () . Также могут быть полезны next () , prev () и parentUntil () .