首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >不包括具有特定父元素的jquery类选择器

不包括具有特定父元素的jquery类选择器
EN

Stack Overflow用户
提问于 2013-05-07 14:00:48
回答 3查看 192关注 0票数 1

HTML:

代码语言:javascript
运行
复制
<div class="abc"> ... </div>
<div class="abc"> ... </div>
<div class="abc"> ... </div>
<div class="abc"> ... </div>
<div id="specificParent">
   <div class="abc"> ... </div>
</div>

在我的jQuery中,我想删除.abc div的所有内容,除了最后一个abc。我该怎么写选择器呢?

jQuery:

代码语言:javascript
运行
复制
$(".abc, :not(#specificParent .abc)").html("");

上面的jquery不起作用。这只是为了表达我的意思。我需要帮助形成一个合适的工作选择器。

EN

回答 3

Stack Overflow用户

发布于 2013-05-07 14:03:32

尝试:

代码语言:javascript
运行
复制
$(":not(#specificParent) > .abc").empty();

编辑

我想这可能不是最有效的选择,性能方面。另一种方法是手动过滤掉它;

代码语言:javascript
运行
复制
$(".abc").filter(function () {
    return this.parentElement.id !== "specificParent";
}).empty();

http://jsfiddle.net/aFm7T/

票数 0
EN

Stack Overflow用户

发布于 2013-05-07 14:04:42

试试这个-演示-> http://jsfiddle.net/mohammadAdil/55JSE/

代码语言:javascript
运行
复制
$(".abc:not('#specificParent .abc')").html("");
票数 0
EN

Stack Overflow用户

发布于 2013-05-07 14:08:28

尝尝这个

代码语言:javascript
运行
复制
$(".abc").not('#specificParent .abc').html("");
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16420996

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档