Question

我有一些帖子，每个帖子都带有图片和说明。

示例代码：

 <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>

如何在点击帖子对应的弹出式说明栏中显示说明元素？

Answer 1

使你的功能：

$("#thumb").click( function() {
    var source = $(this).attr('src');
    $("#popup .image img").attr('src', source);
    $("#popup .desc p").html($(this).next().html());
});

Answer 2

更新您的功能：

   $("#thumb").click( function() {
    var source = $(this).attr('src');
    $("#popup .image img").attr('src', source);
    var description = $(this).siblings(".description").html();
    $("#popup .desc").html(description);
});

使用其他元素的内容追加元素内容

2 个答案: