修改內存中的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') ;
});