Question

After load content to page using

div.load('page.php');

I need get all of links from page to change them. So I wrote this:

div.load('page.php', function() {
    links = $('a');
    alert(links.length);

    for(i=0 ; i<links.length ; i++
    {
        link = $('a:nth-child('+(i+1)+')');
        alert(link.attr('href'));
    }
});

The result of this code is:
– first alert() returned correct links quantity, but it’s not a DOM objects, so I can’t change href attribute using it: links[i].attr(‘href’, ‘changed’)
and I have to getting links in loop one by one, but this method returned only first link from page.php and all of links from site which will not changed.

Have someone any idea how do it?

Answer 1

You can do like:

div.load('page.php', function() {
    $('a').each(function(index){
      alert($(this).attr('href'));
    });
});

You can change their href like:

div.load('page.php', function() {
    $('a').each(function(index){
      $(this).attr('href', 'whatever');
    });
});