blocks|key|1035932|text|对于jQuery+1.8和更高版本，您可以使用.addBack()。它需要一个选择器，所以你不需要过滤结果：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1035933|object.find('selector').addBack('selector')|code-block|syntax|javascript|1035934|在jQuery+1.8之前，您必须使用.andSelf()+(现在已弃用并删除)，然后需要过滤：|1035935|object.find('selector').andSelf().filter('selector')|1035936|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/addBack/|1^0|N|A|N|A|0|0|0|J|A|J|A|1|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@$9|17|A|18|1|19]]|E|$]]|$1|M|3|N|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|V]]]]

For jQuery 1.8 and up, you can use <a href="http://api.jquery.com/addBack/"><code>.addBack()</code></a>. It takes a selector so you don't need to filter the result:

<pre><code>object.find('selector').addBack('selector')
</code></pre>

Prior to jQuery 1.8 you were stuck with <a href="http://api.jquery.com/addBack/"><code>.andSelf()</code></a>, (now deprecated and removed) which then needed filtering:

<pre><code>object.find('selector').andSelf().filter('selector')
</code></pre>

blocks|key|1250874|text|您不能直接执行此操作，我能想到的最接近的方法是使用.andSelf()并调用.filter()，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1250875|$(selector).find(oSelector).andSelf().filter(oSelector)
//or...
$(selector).find('*').andSelf().filter(oSelector);|code-block|syntax|javascript|1250876|不幸的是，.andSelf()没有带选择器，这会很方便。|1250877|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/andSelf/|1|http://api.jquery.com/filter/|2^0|P|A|12|9|P|A|0|12|9|1|0|0|5|A|5|A|2|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]|$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|M|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]|W|$5|P|Q|R|E|$S|T]]]]

You can't do this directly, the closest I can think of is using <a href="http://api.jquery.com/andSelf/" rel="noreferrer"><code>.andSelf()</code></a> and calling <a href="http://api.jquery.com/filter/" rel="noreferrer"><code>.filter()</code></a>, like this:

<pre><code>$(selector).find(oSelector).andSelf().filter(oSelector)
//or...
$(selector).find('*').andSelf().filter(oSelector);
</code></pre>

Unfortunately <a href="http://api.jquery.com/andSelf/" rel="noreferrer"><code>.andSelf()</code></a> doesn't take a selector, which would be handy.

blocks|key|1251227|text|定义|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1251228|$.fn.findSelf+=+function(selector)+{
++++var+result+=+this.find(selector);
++++this.each(function()+{
++++++++if+($(this).is(selector))+{
++++++++++++result.add($(this));
++++++++}
++++});
++++return+result;
};|code-block|syntax|javascript|1251229|然后使用|1251230|$.findSelf(selector);|1251231|而不是|1251232|$find(selector);|1251233|遗憾的是，jQuery没有内置此功能。经过这么多年的发展真的很奇怪。由于.find()的工作方式，我的AJAX处理程序没有应用于某些顶级元素。|1251234|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Define

<pre><code>$.fn.findSelf = function(selector) {
 var result = this.find(selector);
 this.each(function() {
 if ($(this).is(selector)) {
 result.add($(this));
 }
 });
 return result;
};
</code></pre>

then use

<pre><code>$.findSelf(selector);
</code></pre>

instead of

<pre><code>$find(selector);
</code></pre>

Sadly jQuery does not have this built-in. Really strange for so many years of development. My AJAX handlers weren't applied to some top elements due to how .find() works.

blocks|key|1250923|text|$('selector').find('otherSelector').add($('selector').filter('otherSelector'))|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1250924|您可以将$('selector')存储在一个变量中，以提高速度。如果您经常需要，您甚至可以为此编写一个自定义函数：|unstyled|offset|length|style|CODE|1250925|$.fn.andFind+=+function(expr)+{
++return+this.find(expr).add(this.filter(expr));
};

$('selector').andFind('otherSelector')|1250926|entityMap^0|0|4|D|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|T|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>$('selector').find('otherSelector').add($('selector').filter('otherSelector'))
</code></pre>

You can store <code>$('selector')</code> in a variable for speedup. You can even write a custom function for this if you need it a lot:

<pre><code>$.fn.andFind = function(expr) {
 return this.find(expr).add(this.filter(expr));
};

$('selector').andFind('otherSelector')
</code></pre>

blocks|key|1036141|text|公认的答案是非常低效的，并且过滤已经匹配的元素集。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1036142|//find+descendants+that+match+the+selector
var+$selection+=+$context.find(selector);
//filter+the+parent/context+based+on+the+selector+and+add+it
$selection+=+$selection.add($context.filter(selector);|code-block|syntax|javascript|1036143|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The accepted answer is very inefficient and filters the set of elements that are already matched.

<pre><code>//find descendants that match the selector
var $selection = $context.find(selector);
//filter the parent/context based on the selector and add it
$selection = $selection.add($context.filter(selector);
</code></pre>

blocks|key|1251278|text|如果您希望链接正常工作，请使用下面的代码片段。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1251279|$.fn.findBack+=+function(expr)+{
++++var+r+=+this.find(expr);
++++if+(this.is(expr))+r+=+r.add(this);
++++return+this.pushStack(r);
};|code-block|syntax|javascript|1251280|在调用end函数之后，它返回#foo元素。|1251281|$('#foo')
++++.findBack('.red')
++++++++.css('color',+'red')
++++.end()
++++.removeAttr('id');|1251282|如果不定义额外的插件，你就会遇到这个问题。|1251283|$('#foo')
++++.find('.red')
++++++++.addBack('.red')
++++++++++++.css('color',+'red')
++++++++.end()
++++.end()
++++.removeAttr('id');|1251284|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

If you want the chaining to work properly use the snippet below.

<pre class="lang-js prettyprint-override"><code>$.fn.findBack = function(expr) {
 var r = this.find(expr);
 if (this.is(expr)) r = r.add(this);
 return this.pushStack(r);
};
</code></pre>

After the call of the end function it returns the #foo element.

<pre class="lang-js prettyprint-override"><code>$('#foo')
 .findBack('.red')
 .css('color', 'red')
 .end()
 .removeAttr('id');
</code></pre>

Without defining extra plugins, you are stuck with this.

<pre class="lang-js prettyprint-override"><code>$('#foo')
 .find('.red')
 .addBack('.red')
 .css('color', 'red')
 .end()
 .end()
 .removeAttr('id');
</code></pre>

blocks|key|1251092|text|我知道这是一个古老的问题，但有一个更正确的方法。如果顺序很重要，例如，当你匹配像:first这样的选择器时，我写了一个小函数，它将返回完全相同的结果，就像find()实际上包含了当前的元素集一样：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1251093|$.fn.findAll+=+function(selector)+{
++var+$result+=+$();

++for(var+i+=+0;+i+<+this.length;+i%2B%2B)+{
++++$result+=+$result.add(this.eq(i).filter(selector));
++++$result+=+$result.add(this.eq(i).find(selector));
++}

++return+$result.filter(selector);
};|code-block|syntax|javascript|1251094|这无论如何都不会是有效的，但这是我想出的最好的维持适当秩序的方法。|1251095|entityMap^0|14|6|25|6|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

I know this is an old question, but there's a more correct way. If order is important, for example when you're matching a selector like <code>:first</code>, I wrote up a little function that will return the exact same result as if <code>find()</code> actually included the current set of elements:

<pre><code>$.fn.findAll = function(selector) {
 var $result = $();

 for(var i = 0; i &lt; this.length; i++) {
 $result = $result.add(this.eq(i).filter(selector));
 $result = $result.add(this.eq(i).find(selector));
 }

 return $result.filter(selector);
};
</code></pre>

It's not going to be efficient by any means, but it's the best I've come up with to maintain proper order.

blocks|key|1035772|text|我认为andSelf就是你想要的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1035773|obj.find(selector).andSelf()|code-block|syntax|javascript|1035774|请注意，这将始终添加回当前节点，无论它是否与选择器匹配。|1035775|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/andSelf/^0|3|7|3|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

I think <a href="http://api.jquery.com/andSelf/" rel="nofollow noreferrer"><code>andSelf</code></a> is what you want:

<pre><code>obj.find(selector).andSelf()
</code></pre>

Note that this will always add back the current node, whether or not it matches the selector.

blocks|key|1036280|text|如果您严格地查看当前节点，则只需执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1036281|$(html).filter('selector')|code-block|syntax|javascript|1036282|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you are strictly looking in the current node(s) the you just simply do 

<pre><code>$(html).filter('selector')
</code></pre>

blocks|key|1036080|text|以下是正确的(但令人悲哀的)事实：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1036081|$(selector).parent().find(oSelector).filter($(selector).find('*'))|code-block|syntax|javascript|1036082|http://jsfiddle.net/SergeJcqmn/MeQb8/2/|offset|length|1036083|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|13|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

Here's the right (but sad) truth:

<pre><code>$(selector).parent().find(oSelector).filter($(selector).find('*'))
</code></pre>

<a href="http://jsfiddle.net/SergeJcqmn/MeQb8/2/" rel="nofollow">http://jsfiddle.net/SergeJcqmn/MeQb8/2/</a>

The jQuery <a href="http://api.jquery.com/find/" rel="noreferrer">find(..)</a> traversal method doesn't include the current node - it starts with the children of the current node. What is the best way to call a find operation that includes the current node in its matching algorithm? Looking through the docs nothing immediately jumps out at me.

Looking for jQuery find(..) method that  includes the current node

jQuery

jQuery 遍历方法不包括当前节点-它从当前节点的子节点开始。在匹配算法中包含当前节点的find操作的最佳调用方式是什么？翻阅文档，没有什么能立即引起我的注意。

问查找jQuery find(..)方法，它包含当前节点。
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问查找jQuery find(..)方法，它包含当前节点。EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问查找jQuery find(..)方法，它包含当前节点。
EN