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());

Answer 2

使用：

$('#section1target').html($(this).find(".details").html());

.next()仅在元素是紧接的下一个兄弟，而不是后代时才有效。 $(this)+".details"完全没有意义，因为$(this)是一个jQuery对象，而不是一个字符串。

移动隐藏子div的内容

2 个答案: