JQuery: Dołączanie wartości atrybutu do każdego elementu

Question

Hej faceci - Próbuję dodać dodatkowy fragment adresu URL do istniejącego atrybutu i po prostu go zaktualizować.

$("img").each(function (i) { 
    var originalSrc = $("img").attr('src'); 
    $("img").attr('src', 'http://www.domain-name.com/' + originalSrc);  
}); 

$("a").each(function (i) { 
    var originalHref = $("a").attr('href'); 
    $("a").attr('href', 'http://www.domain-name.com/' + originalHref);  
}); 

Zlicza wszystkie elementy i dodaje długi ciąg do ostatecznego atrybutu. Rozumiem, co się dzieje, ale nie jestem pewien, jak to zrobić. Jest to oczywiście błędne.

Zasadniczo szoruję stronę zdalną i muszę zresetować wszystkie relatywne połączenia do wartości bezwzględnych.

Dzięki! :-)

Answer 1

Spróbuj:

$("img").each(function() { 
    var originalSrc = $(this).attr('src'); 
    $(this).attr('src', 'http://www.domain-name.com/' + originalSrc);  
}); 

Answer 2

Wewnątrz każdej funkcji użyć $(this) zamiast $(a) i $(img).

Answer 3

Ponieważ używasz metody each do pętli nad elementami, należy użyć słowa kluczowego this wewnątrz funkcji zwrotnej, aby zapoznać się z aktualnie powtórzyć element:

$("img").each(function (i) { 
    var image = $(this), // 'this' is the image element being iterated 
     originalSrc = image.attr('src'); 

    image.attr('src', 'http://www.domain-name.com/' + originalSrc);  
}); 

Answer 4

Korzystanie strukturę kodu:

$("img").each(function (i) { 
    var $img = $(this); 
    var originalSrc = $img.attr('src'); // use "this" in the $() function to get the current element... 
    $img.attr('src', 'http://www.domain-name.com/' + originalSrc);  
}); 

$("a").each(function (i) { 
    var $a = $(this); 
    var originalHref = $a.attr('href'); 
    $a.attr('href', 'http://www.domain-name.com/' + originalHref);  
});

Należy użyć $(this) wewnątrz funkcji zwrotnych jQuery, aby pobrać "bieżący" węzeł na liście węzłów.

Answer 5

Nawet mniej pracy z (por http://api.jquery.com/attr/):

$("img").attr('src', function(i, val){ 
    return 'http://www.domain.com/' + val; 
}); 

$("a").attr('href', function(i, val){ 
    return 'http://www.domain.com/' + val; 
}); 

Greets