교체하는 방법 링크

Question

나는 4 개 링크

내가 바꿀 필요

<a href="/search/Assassins%20Creed/" class="eTag">Assassins Creed</a> 
<a href="/search/Dead%20Rising%202/" class="eTag">Dead Rising 2</a> 
<a href="/search/Battlefield/" class="eTag">Battlefield</a> 
<a href="/search/Rising/" class="eTag">Rising</a> 

이 "/ 검색 /"를 "/ searchq =?"

나는이 스크립트를 사용하는 경우 :

$('.eTag').attr('href',$('.eTag').attr('href').replace('/search/','/searchq?=')); 

을 링크는 다음과 같습니다.

<a href="/searchq?=Assassins%20Creed/" class="eTag">Assassins Creed</a> 
<a href="/searchq?=Assassins%20Creed/" class="eTag">Dead Rising 2</a> 
<a href="/searchq?=Assassins%20Creed/" class="eTag">Battlefield</a> 
<a href="/searchq?=Assassins%20Creed/" class="eTag">Rising</a> 

"/ search /" "/ searchq? ="?

Answer 1

당신은 그들 모두를 반복 할 필요

$('.eTag').each(function() { 
    $(this).attr('href', $(this).attr('href').replace('/search/','/searchq?=')); 
}); 

난 당신의 코드도 실행되었는지 놀라 울뿐입니다.

Answer 2

가장 좋은 방법은 .attr()에 함수를 전달하는 것입니다.

$('.eTag').attr('href') 

... 단지 당신에게 발견 된 첫 번째 요소에서 결과를 제공합니다

$('.eTag').attr('href',function(i,href) { 
    return href.replace('/search/','/searchq?='); 
}); 

이유는 이유는 것이 었습니다.

Answer 3

수행 한 작업은 거의 정확하지만 attr 값이 항상 첫 번째 요소에서 반환되므로 동일한 링크를 가리 킵니다. 같은 그것을 할

$('.eTag').each(function() { 
    $(this).attr('href', $(this).attr('href').replace('/search/','/searchq?=')); 
}); 

바이올린 : http://jsfiddle.net/USzfa/ 그냥 완료, 당신은 또한 일반 자바 스크립트에서 그것을 할 수

Answer 4

, jQuery를하지 않고이 조금 아수라장이 될 수도 있지만 33의

var tags = document.getElementsByClassName('eTag'), 
    l = tags.length, 
    i = 0; 

for (i = 0; i < l; i++) { 
    tags[i].innerText = tags[i].innerText.replace('/search/', '/searchq?='); 
} 

this jsperf test run에서 볼 수 있듯이 더 빨라집니다. (참고로 세 번째 해결 방법이 있습니다. 래퍼 <div>을 사용하면 그 정도가 빠르지 만 확실하지는 않은지 확인하십시오.