Merge two jQuery Function

Question

I have two functions that pulling some of content from html and returning it in body.

$(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>');
    }
});

What I'm trying to do as a result is to merge those two functions together and as a result get this:

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

Any Help much appreciated

Thank you in advance

manji · Accepted Answer · 2009-11-06 10:51:48Z

3

ready(fn) is a special function in JQuery that can be written in one or many blocks. If written in many blocks, each block can not access others variables.
In your case it's better to write a single function:

$(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>');
    } 
});

(if the 2 arrays have different length, you can add a check before appending to bdy)

answered Nov 6, 2009 at 10:51

manji

48k5 gold badges98 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Merge two jQuery Function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related