Javascript 获取刚刚单击的元素的同级div，并将其插入div jquery返回[object]

我使用featherlight.js在单击某些链接时创建模式弹出窗口。我有几个相同的类链接，在一系列的div中，每个链接都会弹出一个模式，显示不同的图片和标题。图片在模型中弹出。我试图添加一些jquery：检索并找到刚才单击的锚元素的前一个同级div，并将该div的html div插入模态弹出窗口（图像标题）中的div中。这是我为jquery所做的：

    "<div class='modal-caption'>" + jQuery("#modalTrigger").click(function(){
var caption = jQuery(this).prev("div");
var partcap = caption.html();
return partcap; })

,"</div>"

“”+jQuery（#modalTrigger”）。单击（函数（）{
var caption=jQuery（this.prev（“div”）；
var partcap=caption.html（）；
返回partcap；}）
,""

这是html：

<div class="timeline-box-inner animate-right animated">
<span class="arrow"></span>
<div class="date">1974 - 1976</div>
    <h3>High School</h3>
    <h4>
    <a href="http://whs.westside66.org/">
    Westside</a>
    </h4>

    <div id="mdc" class="display-none-caption">Just A Test</div>
    <a id="modalTrigger" class="education-modal-link" href="http://johnhoich.com/wp-content/uploads/2015/11/logo-compass-1.png" data-featherlight="image"></a>

1974 - 1976
高中
只是个测试

我想在这个特定的div中获取id=“mdc”的html（内容），并使用class=“modal caption”将该内容预先发送/返回/插入到div中。我需要在这个特定的父级中找到div，因为我有几个div，class=“timeline box internal”，其中需要提取标题并将其作为标题添加到模式中

---

仅供参考，这对我不起作用，它返回为：[object object]

以下片段应该执行您想要的操作

$（'.education model link'）。在（'click'，函数（e）上{
//防止违约
只是一个测试1
只是测试2
只是测试3
我要更改！

您可以在

中使用此选项

jQuery（文档）.ready（函数（）{
$（“#modalTrigger”）。单击（函数（）{
$（“.modal caption”）.html（$（this.prev（“#mdc”）.html（））；
});
});

我更接近了-但没有骰子！当我第一次单击它时，这不起作用，但如果我再次单击它，它会起作用。我必须在同一页面上重复多次此操作-我有几个链接，每个模式弹出窗口都会弹出不同的标题-到我的观点，只有第一个链接起作用（如果我单击两次）。所有其他链接都不起作用事件处理程序需要附加到“教育模式链接”类，而不是id。我已经更新了代码片段以演示。天哪，谢谢-但有一件事：它在第一次单击时不起作用。在我单击其中一个链接一次后，所有链接都开始起作用。这是为什么？…在其他世界中ds-它在第一次单击后激发页面上是否有其他事件处理程序？