2017-08-06 24 views
-1

extrnal鏈接我想編輯內部類 例如如何編輯用JavaScript

<div class='main'> 
<a href='http://test1.com'>link1</a> 
<a href='http://test2.com'>link1</a> 
<a href='http://test3.com'>link1</a> 
</div> 

我想編輯的所有鏈接,主類 內的鏈接前添加另一個鏈接 這樣所有的外部鏈接

<div class='main'> 
<a href='http://example.com/search=http://test1.com'>link1</a> 
<a href='http://example.com/search=http://test2.com'>link2</a> 
<a href='http://example.com/search=http://test3.com'>link3</a> 
</div> 

對不起,我的英語

+0

你嘗試過這麼遠嗎? – John

回答

0

你可以得到所有使用document.querySelectorAll('.main a')的聯繫,在它們之間迭代,然後用replace()每個鏈接的href在HREF添加缺少的一部分。

var links = document.querySelectorAll('.main a'); 
 

 
for(var i=0; i<links.length; i++){ 
 
    links[i].href = links[i].href.replace("http://", "http://example.com/search=http://"); 
 

 
}
<div class='main'> 
 
<a href='http://test1.com'>link1</a> 
 
<a href='http://test2.com'>link1</a> 
 
<a href='http://test3.com'>link1</a> 
 
</div>

+1

或簡單的'var links = document.querySelectorAll('。main a');' –

+0

@JaromandaX是的,這會更簡單,謝謝你,代碼更新。 – Dij

+0

謝謝你:)工作,但問題不起作用,如果URL以https開頭,它也改變了內部鏈接,我會嘗試做這些改變,再次感謝你 – amr

1

如果每個環節都有它自己的ID喜歡

<a id="link1" href='http://test1.com'>link1</a> 

然後使用x路規範試試這個

var currentAddress = document.getElementByID("link1").attr("href") 

document.getElementByID("link1").attr("href", "http://example.com/search=" + currentAddress) 
0

你應該能夠得到使用JavaScript的「一」的標籤的集合(或jQuery的,如果你有機會到這一點)。一旦你有了這個集合,你應該可以迭代它並設置新的值。

這是關於x路徑的一些信息。
https://www.w3schools.com/xml/xpath_examples.asp