添加预先链接到div中的所有链接,在链接上单击执行功能

时间:2016-01-24 19:05:21

标签: javascript jquery html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script>
$.getJSON('http://anyorigin.com/get?url=microsoftwebpro.com&callback=?', function(data){
  $('#output').html(data.contents);
});
</script>

<div id="output"></div>

我有以下代码,基本上我要做的是添加链接http://anyorigin.com/get?url=thislinkisinhtml.com&callback=?到每一个环节。 我要做的下一件事是在链接上单击是调用上面的脚本并让它更改div“输出”。基本上它可以在div中的一个页面上运行,并且不受链接点击的影响。

1 个答案:

答案 0 :(得分:0)

以下代码将编辑页面上的所有链接。

$('a').each(function() {
    $(this).attr('href', 'http://anyorigin.com/get?url='+$(this).attr('href')+'&callback=?');
});

每次点击链接都会调用以下代码。

$('a').click(function() {
    $.getJSON($(this).attr('href'), function(data) {
        $('#output').html(data.contents);
    });
});