jquery - 移动隐藏子div的内容

Question

我试图将带有类详细信息的隐藏子 div 的内容移动到 id section1target 的 div，但它说详细信息未定义。

我也尝试过

<小时/>

$( '.profile' ).click(function() {
    $('#section1target').html($(this + '.details').html());

    //also tried..
    $('#section1target').html($(this).next('.details').html());
});

<div class="container marginT30">
    <ul class="thumbnails row-fluid" id="section1">
        <li class="span3 offset3 profile">
            <div class="thumbnail">
                <div class="row-fluid">
                    <img src="img.png" alt="">
                </div>
                <div class="row-fluid">
                    <h3></h3>
                    <h4 class="marginT10">Title</h4>
                    <div class="row-fluid details hidden-details">
                        <p>
                        Lorem ipsum dolor sit amet, consect
                        </p>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur ad
                        </p>
                    </div>
                </div>
            </div>
        </li>

        <li class="span3 profile">
            <div class="thumbnail">
                <div class="row-fluid">
                    <img src="img.png" alt="">
                </div>
                <div class="row-fluid">
                    <h3></h3>
                    <h4 class="marginT10">Title</h4>
                    <div class="row-fluid details">
                        <p>
                        Lorem ipsum dolor
                        </p>
                        <p>
                        Lorem ipsum dolor sit amet
                        </p>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>

<div id="section1target"></div>

Answer 1

尝试使用 this 作为选择器上下文，因为您要查找的元素是它的后代。

$('#section1target').html($('.details',this).html());