descendentes selecionados do jQuery, incluindo o pai

Considere o seguinte 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>

Dado um elemento DOMobj e uma expressão, como faço para selecionar crianças e possivelmenteobj? Estou procurando algo semelhante a "selecionar descendentes", mas também incluindo o pai, se ele corresponder à expressão.

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");

Existe uma solução mais elegante para isso?

questionAnswers(8)

yourAnswerToTheQuestion