合并两个jQuery函数

Question

我有两个函数，可以从html中提取一些内容并将其返回到正文中。

$(document).ready(function() {

    var b = [];
    $('.avatar_ name').each(function(i,e) {
        b[i] = $(this).text();
    });

    $('body').empty();
    for (var i = 0, j = b.length; i < j; i++) {
        $('body').append( b[i] + '<br>');
    } 


});
(document).ready(function() {
 var a = [];
    $('a.avatar_user').each(function(i,e) {
        a[i] = $(this).attr('href');
    });

    $('body').empty();
    for (var i = 0, j = a.length; i < j; i++) {
        $('body').append( a[i] + '<br>');
    }
});

结果，我正在尝试将这两个功能合并在一起，从而得到以下结果：

$('body').append( a[i] + b[i] + '<br>');

任何帮助非常感谢

先感谢您

Answer 1

ready(fn)是JQuery中的一种特殊功能，可以编写为一个或多个块。 如果写在许多块中，则每个块不能访问其他变量。
在您的情况下，最好编写一个函数：

$(document).ready(function() {

    var a = [];
    var b = [];

    $('a.avatar_user').each(function(i,e) {
        a[i] = $(this).attr('href');
    });

    $('.avatar_ name').each(function(i,e) {
        b[i] = $(this).text();
    });

    $('body').empty();
    for (var i = 0, j = a.length; i < j; i++) {
        $('body').append( a[i] + b[i] + '<br>');
    } 
});

（如果两个数组的长度不同，则可以在添加到bdy之前添加检查）