Change URLs of DIV

本文关键字：DIV of URLs Change | 更新日期: 2023-09-26

我有两个带有多个url的"div "，但只有一个应该改变这个的基础…

<div class="1">
<a href="/1.php">AAAA 1</a>
<a href="/2.php">AAAA 2</a>
<a href="/3.php">AAAA 3</a>
<a href="/4.php">AAAA 4</a>
<a href="/5.php">AAAA 5</a>
</div>
<div class="2">
<a href="/10.php">AAAA 10</a>
<a href="/20.php">AAAA 20</a>
<a href="/30.php">AAAA 30</a>
<a href="/40.php">AAAA 40</a>
<a href="/50.php">AAAA 50</a>
</div>

我只需要编辑div "1" ..我希望它像这样

<div class="1">
<a href="http://www.url2.com/1.php">AAAA 1</a>
<a href="http://www.url2.com/2.php">AAAA 2</a>
<a href="http://www.url2.com/3.php">AAAA 3</a>
<a href="http://www.url2.com/4.php">AAAA 4</a>
<a href="http://www.url2.com/5.php">AAAA 5</a>
</div>
<div class="2">
<a href="/10.php">AAAA 10</a>
<a href="/20.php">AAAA 20</a>
<a href="/30.php">AAAA 30</a>
<a href="/40.php">AAAA 40</a>
<a href="/50.php">AAAA 50</a>
</div>

div "2"继续域url。

可以使用jQuery attr(fn)，它将循环遍历每个元素来更改它们。

var linkDomain = 'http://www.url2.com';
$('div.1 a').attr('href', function(_, existinghref){
    return linkDomain + existinghref;
});

Reference: attr(function) docs