文章/答案/技术大牛

发布

社区首页 >问答首页 >将jQuery选择器应用于容器及其后代

问将jQuery选择器应用于容器及其后代
EN

Stack Overflow用户

提问于 2020-07-17 00:46:31

回答 1查看 28关注 0票数 2

使用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

回答 1

Stack Overflow用户

发布于 2020-07-17 00:55:04

使用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/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62939546

复制

相似问题

问将jQuery选择器应用于容器及其后代
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将jQuery选择器应用于容器及其后代EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将jQuery选择器应用于容器及其后代
EN