jquery - jQuery添加img标签并包装

Question

我有一个 div 标签

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

Answer 1

您可以使用.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'
    }
})

演示：小提琴