将jQuery选择器应用于容器及其子体

Question

使用jQuery，我可以很容易地找到/选择容器中与给定选择器匹配的所有元素：

$('.some_class', container);

但是，如果我想包括容器本身，如果它与选择器匹配，该怎么办？

我认为以下内容就可以了。

$('.some_class', container).add($(container).filter('.some_class'));

但是有更简单的方法吗？理想情况下，我不必重复选择器。

预期行为

<div class="container common">
<div class="child common"></div>
</div>

下面的函数实现了我想要的，我只是想知道是否有一个更简单的现成解决方案。

function findInContainerAndDescendants(selector, $container) {
return $(selector, context).add($(context).filter(selector));
}
var $container = $('.container');
findInContainerAndDescendants('.common', $container)  -> both container and child.
findInContainerAndDescendants('.child', $container)  -> just the child.

Answer 1

使用addBack() (jQuery >= 3.0)或addSelf() (jQuery < 3.0):

function findInContainerAndDescendants(selector, context) {
return context.find(selector).addBack(selector);
}

请参阅：https://api.jquery.com/addBack/

添加查看此小提琴：https://jsfiddle.net/t8cy09vq/