jQuery选择并排除div中的元素

时间:2014-01-27 21:07:46

标签: javascript jquery html

我正在尝试使用jquery获取所有下一个HTML代码并使用ID = fiscal-address-info排除DIV。我开始使用过滤方法,但没有幸运。

这是原始代码段。

<div id="fiscal-info" class="content-fields">
    <div class="content-title"><h2>Datos Fiscales</h2></div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div id="fiscal-address-info">
    <div class="row">...</div>
    <div class="row">...</div>
</div>

我想得到的是:

<div id="fiscal-info" class="content-fields">
    <div class="content-title"><h2>Datos Fiscales</h2></div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
    <div class="row">...</div>
</div>

这是我尝试过的:

$('#fiscal-info').filter('#fiscal-address-info');

4 个答案:

答案 0 :(得分:4)

您可以使用过滤方法并使用not选择器:

$("#fiscal-info").children().filter(":not(#fiscal-address-info)")

除了排除的那些之外,这将返回所有财务信息子项。

答案 1 :(得分:2)

您可以使用.not()方法或:not()选择器

http://api.jquery.com/not-selector/

基于您的示例的代码:

$('div#fiscal-info div').not("#fiscal-address-info");

查看此fiddle

答案 2 :(得分:0)

 $( "div" ).filter( $( "#fiscal-address-info" ) );

获取所有div元素并过滤id#fiscal-address-info 希望这有帮助!

答案 3 :(得分:0)

$('#fiscal-info div').filter(function () {
    return this.id == 'fiscal-address-info'
}).remove();

<强> jsFiddle example