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

Question

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

Article 1https://externalsite1.com/url1

Article 2https://externalsite2.com/url2

Article 3https://externalsite3.com/url3

我需要将所有文章的内部网站链接替换为以下外部网站网址

我在这里尝试过: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 1https://externalsite1.com/url1

Article 2https://externalsite2.com/url2

Article 3https://externalsite3.com/url3

Answer 1

您需要更加具体地设置 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>