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

时间:2016-08-10 10:58:41

标签: javascript jquery

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

popupContent包含<li><a>blabla</a><li><li><a>blabla</a><li><li><a>blabla</a><li>等等,依此类推。 OFC。在网址中添加网址。

我想在所有标签的末尾添加一些内容,确切地说我想添加名为&#34; link&#34;的参数。

任何人都可以帮我解决这个问题吗?如何在所有链接的末尾添加内容?

2 个答案:

答案 0 :(得分:0)

<强>更新

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

&#13;
&#13;
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");
  });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="tmpdiv"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

选中此fiddle

<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库