考虑以下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需要的
