jQuery选择器引用自我

Question

简单的问题:

$.each()如果我想设置html()自己的属性,如何在不使用的情况下引用self ？

$('*[rel]').html($(this).attr('rel')); // nope
$('*[rel]').html($(self).attr('rel')); // nah
$('*[rel]').html($(sender).attr('rel')); // undefined
$('*[rel]').html($(target).attr('rel')); // still undefined
$('*[rel]').html($(???).attr('rel')); // this isn't even correct syntax
$('*[rel]').html($(beer).attr('rel')); // well that would be tasty
$('*[rel]').html($(woman).attr('rel')); // not in this life
$('*[rel]').html($(god help me!).attr('rel')); // He probably doesn't even know how to use a computer
$('*[rel]').html($(i give up).attr('rel')); // unexpected... o'rly?

Answer 1

您可以传递函数而不是字符串.

$('[rel]').html(function() {
    return $(this).attr('rel');
});

所有示例都不起作用的原因是因为在每种情况下,您的代码在评估选择器之前很久就会执行.这是你真正需要理解的东西 - 当涉及回调时更加相关,例如AJAX或定时器:当你把代码放在某个地方时,它就会被执行.所以,foo(some code here)将始终执行这就是函数参数的一部分,不管是什么代码foo呢.避免这种情况的唯一原因是传递包含此代码的函数 - 即函数表达式被计算(其计算结果为可调用函数).然后实际的函数(显然需要期望一个可调用的而不是一个简单的值)可以在适当的时候调用传递的函数.