function() 和 $(this) 中的each()

Question

假设这是我们的函数：

$('ul li').bind('click', function(){

   $('iframe').each(function(){
        // who is this???
        alert(this);
   });

});

正如你所看到的，有一个 .each() 语句在里面使用 $(this) ，

$(this)< 将引用什么元素/代码> ??? ul li？或iframe？正如你可以猜到的那样，我正在尝试选择每个 iframe（在网页中，与 ul li 无关）

我问这个是因为我通过更大的函数得到了意想不到的结果，

Answer 1

this 指的是最具体函数作用域的对象。

$('ul li').bind('click', function(){

    // this = [ul li]

    $('iframe').each(function(){

        // this = [iframe]

    });
});

如果您想从 iframe 内部函数内部引用 this 的 ul li 版本，则必须在它周围形成一个闭包，像下面这样：

$('ul li').bind('click', function () {
    // cache this
    var that = this;

    $('iframe').each(function () {

        // here, this = [iframe] and
        //       that = [ul li]

    });
});

Answer 2

http://api.jquery.com/each/

HTML：

<ul>
    <li>foo</li>
    <li>bar</li>
  </ul>

Javascript：

   $('li').each(function(index) {
        alert(index + ': ' + $(this).text());
      });

警报输出：

0: foo

1: bar

this 将引用 iframe 对象。
上面的代码取自 jQuery 文档。

您可能想告诉我们预期的结果是什么，也许还可以在此处发布整个代码。

Answer 3

它指的是 iframe 你可以从这里检查它 http://jsfiddle.net/x2XyU/1/