修改内存中的Jquery元素并返回它

Question

为什么此脚本不返回修改后的元素？
该元素确实在函数中被更改但未正确返回。

<script>
x = "<div></div><div></div><div></div><p></p>";
function modify (x) {
    $(x).find('div').each(function(index){
        $(this).html('content text'); 
        $(this).addClass('test') ;
    }); 
    return $(x);
}
modify (x);
</script>

Answer 1

每个函数中的this不是指x的元素。您需要声明一个变量来表示x元素this，如此 -

$(x).find('div').each(function(index, that){
    $(that).html('content text'); 
    $(that).addClass('test') ;
});