我试图将带有类详细信息的隐藏子 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>
最佳答案
尝试使用 this
作为选择器上下文,因为您要查找的元素是它的后代。
$('#section1target').html($('.details',this).html());
关于jquery - 移动隐藏子div的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24392620/