如何查找特殊标签或 ID 之前和之后的所有内容

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

查看 jQuery 函数 not()、prevUntil() 和 nextUntil()。还有next()，prev() 和 parentsUntil() 可能会有所帮助。

Answer 4

您必须使用 nextAll() 和 prevAll() 方法来删​​除所有同级。然而，只是为了给你一个替代的想法，看看这段代码。请注意，这不是解决方案。

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