javascript - jQuery .html() 匿名函数返回oldHtml

Question

fiddle :http://jsfiddle.net/bplumb/ZnMF5/1/

这显然是我缺乏理解，但我正在尝试使用 .html() 运行匿名函数来执行一些自定义代码，然后将旧的 html 字符串值返回到多变的。它没有像我期望的那样返回 html，而是根据我使用的选择器返回一个 jQuery 对象。

var oldHtml = $('#test').html(function(index, oldHtml){
    //some custom code here
    return oldHtml;
});
console.log(oldHtml); 

我想我可以通过这种方式返回 html，因为它在正常的函数调用中工作。

var someOtherHtml = getOldHtml();

console.log(someOtherHtml);

function getOldHtml(){
    return $('#test').html();
}

在这方面我对 jQuery 有什么不理解的地方？

Answer 1

$(...).html(function) 返回原始 jQuery 对象，而不是所选元素中的 html。

函数中返回的内容实际上设置为所选元素的新 html。

$(collection).html(function(){
    return "I'm the new html!";
});
// results in all elements in collection receiving the html ("I'm the new html!")
// equivalent to:
// $(collection).html("I'm the new html!");