jquery - 将 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.

标签： jquery

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/