jQuery - 将每个元素附加到自己的父元素

Question

我希望将每个 h2.widget-title 附加到 div.title 给自己的父级，但是我的代码会将每个h2追加到两者！

$('h2.widget-title').each(function() {
    $(this).appendTo('.title');
});

或

   var objsts = $('h2.widget-title');
    $.each(objsts, function () {
        $(this).appendTo('.title');
    });

既不工作......

这是 JSFiddle

Answer 1

您可以使用.prev()：

DEMO jsFiddle

var objsts = $('h2.widget-title');
$.each(objsts, function () {
    $(this).appendTo($(this).prev('.title'));
});

Answer 2

使用.siblings()：

   var objsts = $('h2.widget-title');
    $.each(objsts, function () {
        $(this).appendTo($(this).siblings('.title'));
    });

<强> DEMO