javascript - 如何替换 div 元素中的所有 href？

Question

通过添加 http://mysite.com?url= 替换 div 元素中的所有 href例如前面。如果 html 是...

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

通过添加 http://mysite.com?url= 替换每个 href在前面，所以 html 的结果将是...

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

Answer 1

使用jQuery.each

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

Example