如何获得顶级' div'仅在父级中排除这些元素中的嵌套div

时间:2016-06-28 17:42:07

标签: jquery

我正在尝试只检索顶级' divs'在我的排行'同时排除嵌套的' div' div每个。我的代码也抓住了嵌套的div。

var container = $(event.target).closest('.row').children('div');
console.log(container);

输出:

<div class="ELEMENT I WANT ONLY">
    <div class="nested element I do not want">
        <div class="nested element I do not want">
        </div>
    </div>
</div>

我不相信我可以使用class作为选择器,因为类会因元素而异。

我的目标是选择&#34;行&#34;和第一个&#34; div&#34;在它下面,所以我可以更改该div的类中的bootstrap列设置。各行有不同数量的div我需要修改,所以如果它存在,我需要抓取比第一行更多。

2 个答案:

答案 0 :(得分:0)

尝试

jQuery

var container = $(event.target).closest('.row').find(':first-children');

<强> JS

var container = event.target.closest('.row').querySelector('div');

答案 1 :(得分:0)

@Mike McCaughan有正确的评论。我的代码很好,做了应该做的事情,问题是我误解了它显示给我的结果。