如何使用 jquery 每个循环用多个动态 url 替换多个链接？答案

【问题标题】：How to replace multiple links with multiple dynamic url using jquery each loop?如何使用 jquery 每个循环用多个动态 url 替换多个链接？
【发布时间】：2019-08-30 00:20:58
【问题描述】：

我有多个带有 mysite.com 内部链接的标题，如下所示：

Article 1 https://externalsite1.com/url1

Article 2 https://externalsite2.com/url2

Article 3 https://externalsite3.com/url3

我需要将所有文章内部站点链接替换到其下面的外部站点 url

我在这里试过这个：http://jsfiddle.net/n4hwjrsq/2/ 但没有运气，请帮助我

$("a").each(function() {
  var external_link = $("div.ptb_original_link").text(); 
  $(this).attr('href',$(this).attr('href').replace('',external_link)); 
});

我希望输出带有如下外部站点链接：

Article 1 https://externalsite1.com/url1

Article 2 https://externalsite2.com/url2

Article 3 https://externalsite3.com/url3

【问题讨论】：

标签： javascript jquery

【解决方案1】：

$(".entry_title a").each(function() {
  $(this).attr('href',$(this).closest('div').next().html()); 
});

或者确定在带有外部链接的之前是否还有其他divs：

$(".entry_title a").each(function() {
  $(this).attr('href',$(this).closest('div').next('.ptb_original_link').html()); 
});

Demo

【讨论】：

【解决方案2】：

您需要更具体地使用您的 external_link 变量，否则您最终会得到每个链接中的每个 URL：

$("a").each(function() {
  var external_link = $(this).parent().parent().next("div.ptb_original_link").text();
  $(this).attr('href', external_link);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="ptb_title">
  <h2 class="entry_title"><a href="https://example.com/link1">Article 1</a></h2>
</div>
<div class="ptb_original_link">https://externalsite1.com/url1</div>
<br>
<div class="ptb_title">
  <h2 class="entry_title"><a href="https://example.com/link2">Article 2</a></h2>
</div>
<div class="ptb_original_link">https://externalsite2.com/url2</div>
<br>
<div class="ptb_title">
  <h2 class="entry_title"><a href="https://example.com/link3">Article 3</a></h2>
</div>
<div class="ptb_original_link">https://externalsite3.com/url3</div>
<br>

【讨论】：