admin 管理员组

文章数量: 1086019

Replace all href's within a div element by adding = infront for example. if the html is...

<div class="post-body">
<a href="">google</a>
<a href="">youtube</a>
<a href="">facebook</a>
</div>

replace each href by adding = infront so the oute of the html will be...

<div class="post-body">
<a href="://www.google">google</a>
<a href="://www.youtube">youtube</a>
<a href="://www.facebook">facebook</a>
</div>

Replace all href's within a div element by adding http://mysite.?url= infront for example. if the html is...

<div class="post-body">
<a href="http://www.google.">google</a>
<a href="http://www.youtube.">youtube</a>
<a href="http://www.facebook.">facebook</a>
</div>

replace each href by adding http://mysite.?url= infront so the oute of the html will be...

<div class="post-body">
<a href="http://mysite.?url=http://www.google.">google</a>
<a href="http://mysite.?url=http://www.youtube.">youtube</a>
<a href="http://mysite.?url=http://www.facebook.">facebook</a>
</div>
  • javascript
  • jquery
  • replace
  • href
Share Improve this question asked Oct 25, 2011 at 16:48 Yusaf KhaliqYusaf Khaliq 3,39311 gold badges45 silver badges82 bronze badges
Add a ment  | 

5 Answers 5

Reset to default 6

Using jQuery.each

$('.post-body a').each(function () {
    var $this = $(this),
        href = $this.attr('href');
    $this.attr('href', "http://mysite./?url=" + href);
})

Example

You can use directly the .attr() method

$('.post-body a').attr('href', function(i, currentValue){
   return 'http://mysite.?url=' + currentValue;
});

Demo at http://jsfiddle/gaby/94Bf4/

Use jQuery's $.each method: http://jsfiddle/bFEzt/

$.each($('.post-body a'),function() {
    $(this).attr('href',"http://domain./?url="+$(this).attr('href'));
});

simple

$.each("a",function(index, elem){
    $(elem).attr('href','http://mysite.?url=' + $(elem).attr('href'));
});

You can do this in one line of code with replace:

$('div.post-body').html(
    $('div.post-body').html().replace(/href="/g,'href="http://mysite.?url=') 
);

本文标签： javascripthow to replace all ltagt hrefs within div elementStack Overflow

版权声明：本文标题：javascript - how to replace all &lt;a&gt; hrefs within div element? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1744042467a2523511.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。