考虑以下HTML:
<div class="foo" id="obj"> I should be changed red <div class="bar" style="color:black;"> I should not be changed red. <div class="foo">I should be changed red.</div> </div> </div>
给定一个DOM元素obj和一个表达式,我如何去选择任何孩子和可能的obj?我正在寻找类似于“选择后代”的东西,但是如果它与表达式匹配,则还包括父代。
var obj = $("#obj")[0]; //wrong,may include siblings of 'obj' $(".foo",$(obj).parent()).css("color","red"); //wrong -- excludes 'obj' $(".foo",obj).css("color","red"); //correct way,but it's annoying var matches = $(".foo",obj); if ($(obj).is(".foo")) matches = matches.add(obj); matches.css("color","red");
有更优雅的解决方案吗?
解决方法
如果我正确理解你的话:
$(currentDiv).contents().addBack('.foo').css('color','red');
为了清楚起见,我将“div”更名为“currentDiv”。这将选择当前元素及其包含的所有元素,然后过滤掉没有类foo的元素,并将样式应用于余数,即具有类foo的样式。
编辑稍微优化
$(currentDiv).find('.foo').addBack('.foo').css('color','red');
编辑
这个答案已经更新,以结合更新的jQuery方法。原来是
$(currentDiv).find('.foo').andSelf().filter('.foo').css('color','red');
这仍然是1.8以上的jQuery需要的
原文地址:https://www.jb51.cc/jquery/183075.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。