加入jQuery的img标签和包装

我有一个div标签加入jQuery的img标签和包装

<img class="example" src="http://adress.pl/img/oryginal.jpg" align="left">

我想添加一个标签。最终结果：

<a href="http://adress.pl/img/oryginal.jpg" rel="example_group"> 
    <img src="http://adress.pl/cache.php?f=oryginal.jpg&w=200&h=100" width="200px" height="100px" class="example"> 
</a>

来源

2013-10-29 user2931020

您可以使用.wrap()来包装元素，.attr()设置高度和宽度属性

$('.example').wrap(function() { 
    return $('<a />', { 
     href: $(this).attr('src'), 
     align: 'left' 
    }) 
}).attr({ 
    height: '100px', 
    width: '200px', 
    src : function(idx, src){ 
     var parts = src.split('/'); 
     return 'http://adress.pl/cache.php?f=' + parts[parts.length - 1] +'&w=200&h=100' 
    } 
})

演示：Fiddle

来源

2013-10-29 07:21:21

非常感谢你。我想替换img标签=> src =“http://adress.pl/cache.php?f=oryginal.jpg&w=200&h=100” 本主题中给出的示例。 – user2931020

@ user2931020尝试更新 –

再次感谢您。祝你今天愉快。 – user2931020

加入jQuery的img标签和包装

回答

相关问题