blocks|key|367960|text|jQuery对象或多或少是一个常规DOM元素的数组。each对这些进行迭代。this只是一个DOM元素，而$(this)生成一个由DOM元素组成的单元素数组，可以访问jQuery应用编程接口函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|367961|entityMap^0|Q|4|12|4|1H|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

<p>A jQuery object is more or less an array of regular DOM elements.  <code>each</code> iterates over these.  <code>this</code> is just a DOM element whereas <code>$(this)</code> generates a one-element array of DOM elements with access to the jQuery API functions.</p>


blocks|key|3887136|text|在这种情况下，this实际上指的是节点。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3887137|$myDiv+=+$('<div>1</div>');

$myDiv.each(function+()+{
++++console.log(this.innerHTML);
});
//+outputs+1|code-block|syntax|javascript|3887138|entityMap^0|7|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>In that case <code>this</code> actually refers to the node.</p>

<pre><code>$myDiv = $('&lt;div&gt;1&lt;/div&gt;');

$myDiv.each(function () {
    console.log(this.innerHTML);
});
// outputs 1
</code></pre>


blocks|key|3887217|text|基本上，当$()成为jQuery添加其助手方法的数组的一部分时获取的任何内容，.each()方法实际上都会迭代数组中的每个元素。也就是说，只有元素而不是jQuery数组拥有所有好的帮助器方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3887218|entityMap^0|5|3|13|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>Basically anything fetched as <code>$()</code> becomes part of an array which jQuery adds it's helper methods to, the <code>.each()</code> method actually iterates over each element in the array. That is, it's just the element and not the jQuery array that has all the nice helper methods.</p>


blocks|key|369700|text|据我所知，this是一个DOM对象。尝试此代码以查看以下内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|369701|$myDiv+=+$('<div>1</div>');++$myDiv.each(function+()+{+++++alert(this.nodeName);+});|369702|entityMap^0|5|4|0|0|2C|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

<p>As I understand it, <code>this</code> is a DOM object. Try this code to see:</p>

<p><code>$myDiv = $('&lt;div&gt;1&lt;/div&gt;');  $myDiv.each(function () {     alert(this.nodeName); });
</code></p>


blocks|key|3887245|text|根据jquery文档，这是$(selector).each()的预期行为，他们甚至为您提供了一个示例，用于“您希望拥有jQuery对象而不是常规的DOM元素”的情况：http://api.jquery.com/each/#example-1|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3887246|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/each/#example-1^0|D|I|2B|11|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<p>According to the jquery documentation this is the expected behavior for the <code>$(selector).each()</code>
They even give you an example for the case where "you want to have the jQuery object instead of the regular DOM element": <a href="http://api.jquery.com/each/#example-1" rel="nofollow">http://api.jquery.com/each/#example-1</a></p>


blocks|key|367993|text|当您在jQuery中创建一个HTML对象时，它会返回DOM元素。如果你真的想设置你的新dom元素的超文本标记语言，你必须像这样调用innerHTML属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|367994|$myDiv.each(function+()+{
++++console.log(this.innerHTML);
});|code-block|syntax|javascript|367995|下面是关于创建DOM元素的jQUery应用程序接口作为参考：http://api.jquery.com/jQuery/#jQuery2|offset|length|367996|另外，我不确定为什么要在刚刚创建的单个元素上调用each函数？|367997|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery/#jQuery2^0|0|0|U|11|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>When you create an HTML object in jQuery like you did it returns the DOM element. If you really wanted to set the HTML of your new dom element you'd have to call the innerHTML property like so:</p>

<pre><code>$myDiv.each(function () {
    console.log(this.innerHTML);
});
</code></pre>

<p>For reference here's the jQUery API on creating DOM elements: <a href="http://api.jquery.com/jQuery/#jQuery2" rel="nofollow">http://api.jquery.com/jQuery/#jQuery2</a></p>

<p>Also, I'm not sure why you'd call the each function on a single element that has just been created? </p>


<p>This is my code:</p>

<pre><code>$myDiv = $('&lt;div&gt;1&lt;/div&gt;');

$myDiv.each(function () {
    console.log(this.html());
});
</code></pre>

<p>It produces an error because <code>this</code> should be <code>$(this)</code>. But wait. Isn't <code>$myDiv</code> a jQuery object in the first place, so that <code>this</code> must also be a jQuery object. If so, why should I wrap <code>this</code> inside of <code>$(    )</code>?</p>


.each() and $(this)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

这是我的代码：$myDiv = $('<div>1</div>');$myDiv.each(function () {    console.log(this.html());});它会产生一个错误，因为this应该是$(this)。但是等等。$myDiv首先不是一个jQuery对象，所以this也必须是一个jQuery对象。如果是这样，为什么要在$(    )中包装this

问.each()和$(this)
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.each()和$(this)EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问.each()和$(this)
EN