我有一些帖子,每个帖子都带有图片和说明。
示例代码:
<div class="post">
<img id="thumb" src="#">
<div class="description">
<p> description here </p>
<p> other info </p>
<p> date of post </p>
</div>
</div>
我也有一个弹出窗口,当你点击图像缩略图时,使用这个jQuery放大图像:
$("#thumb").click( function() {
var source = $(this).attr('src');
$("#popup .image img").attr('src', source);
});
这是弹出窗口的HTML:
<div id="popup">
<div class="image">
<img src="">
</div>
<div class="desc">
<p> </p>
</div>
</div>
如何在点击帖子对应的弹出式说明栏中显示说明元素?
答案 0 :(得分:1)
使你的功能:
$("#thumb").click( function() {
var source = $(this).attr('src');
$("#popup .image img").attr('src', source);
$("#popup .desc p").html($(this).next().html());
});
答案 1 :(得分:1)
更新您的功能:
$("#thumb").click( function() {
var source = $(this).attr('src');
$("#popup .image img").attr('src', source);
var description = $(this).siblings(".description").html();
$("#popup .desc").html(description);
});