Question

抱歉，我无法想出一个更好的头衔。我很想知道在下面写下更好，更简单，更简短的方法。特别移动元素。

基本上每个img创建一个父div并将img放在那里。它还在上方容器内的另一个img中添加了div的title属性。

$('.view-sidebar .field-item img').each(
    function(){
        $(this).parent().append('<div class="img-container"></div>');
        $(this).appendTo($(this).parent().find('.img-container'));
        $(this).parent().append('<div class="img-caption">'+$(this).attr('alt')+'</div>');
});

Answer 1

我认为你应该只使用 .wrap() ，在这种情况下不需要附加/分离/附加。

$(this).wrap('<div class="img-container"></div>');

$('.view-sidebar .field-item img').each(function () {
    var div = $('<div/>', {
        class: 'img-caption',
        text: this.alt
    });
    $(this).wrap('<div class="img-container"></div>').after(div);
});

<强> Demo

jQuery更简单的分离和重新附加元素的方法

1 个答案: