jQuery将div添加到父兄弟或孩子？

Question

我有以下HTML

<li class="post" style="width: 621px;">
    <div class="mediaholder">
        <div class="mediaholder_innerwrap overlay cap-icon enlarge">
        <a href="#" class="view" data-rel="lightbox" rel="lightbox">
            <img width="440" height="330" src="#" class="attachment-portfolio-index wp-post-image">
        </a>
        </div>
    </div>
    <div class="detailholder">
        <h4 class="post-title"><a href="#">Example Title One</a></h4>
        </div>
    </div>
</li>
<li class="post" style="width: 621px;">
    <div class="mediaholder">
        <div class="mediaholder_innerwrap overlay cap-icon enlarge">
        <a href="#" class="view" data-rel="lightbox" rel="lightbox">
            <img width="440" height="330" src="#" class="attachment-portfolio-index wp-post-image">
        </a>
    </div>
    </div>
    <div class="detailholder">
        <h4 class="post-title"><a href="#">Example Title Two</a></h4>
        </div>
    </div>
</li>

我正在尝试使用这个jQuery .post-title在a.view类中移动类li

jQuery(document).ready(function ($) {
    $('.post-title').each(function () {
        $(this).parents('li').next('a.vew').append(this);
    });
});

对于每一个post-title我接受并将其附加到父母li a.view但它不起作用.

我尝试了下面附加post-title内部的mediaholder,我很难将这个课程带入a.view课堂.这就是我工作的http://jsfiddle.net/Zn6Eq/1/如果你能分叉/更新我真的很感激.

jQuery(document).ready(function ($) {
    $('.post-title').each(function () {
        $(this).parents('li').children('.mediaholde').append(this);
    });
});

Answer 1

你有一个像在类名错字一些问题vew也实在是一个后裔li因此需要使用find()不next()

jQuery(document).ready(function ($) {
    $('.post-title').each(function () {
        $(this).closest('li').find('a.view').append(this);
    });
});

演示:小提琴