JS字符串添加到所有链接的末尾

JS string add to end of all links

本文关键字:链接 字符串 添加 JS      更新时间:2023-09-26

我有一个名为popupContent的javascript字符串

popupContent包含一个<li><a>blabla</a><li><li><a>blabla</a><li><li><a>blabla</a><li>等列表。离岸金融中心。

我想在所有a标签的末尾添加一些东西,确切地说,我想添加一个名为"link"的参数。

有谁能帮我一下吗?我如何在所有链接的末尾添加一些东西?

检查这个提琴

<ul>
<li><a>blabla</a></li>
<li><a>blabla</a></li>
<li><a>blabla</a></li>
</ul>
$(document).ready(function(){
$.each($('a'),function(i,data){
$(data).html($(data).html()+' link')
})
})
请使用jquery库

UPDATE

我在演示中使用了tempdiv。首先,我将popContent设置为html()。通过迭代tempdiv中的所有<a>,它们的hrefhtml被设置为新链接,即www.newlink.com

popContent='<ul>'+
                '<li><a href="http://www.example.com">http://www.example.com</a></li>'+
                '<li><a href="http://www.example.com">http://www.example.com</a></li>'+
            '</ul>';
            
$(function(){  
  $('#tmpdiv').html(popContent); //
  $('#tmpdiv a').each(function(){
    $(this).href="http://www.newlink.com";
    $(this).html("www.newlink.com");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tmpdiv"></div>