jQuery：只针对；“当前”；div

我有一系列重复的div，内容通过jQuery注入。顺便说一下，父div的数量是动态的，因此可以是随机的

在每个div中，我都有触发模态窗口的锚（h3a）。我的问题是，每次单击目标元素时，注入父div的每个部分都会触发模式窗口

因此，我的问题是，如何隔离每个父级，以便只有当前父级触发模态，而不必过度使用.eq（）

以下是触发模式窗口的脚本片段：

//prepend modal window to positive message container
jQuery('.rateRibbon').each(function () {
    jQuery(this).append('<div class="modelessWindow hideWindow">' + modWin1 + '</div>');
});

//remove class to show modeless window
jQuery('.posMsg a.showWindow').click(function (e) {
    jQuery('.modelessWindow.hideWindow').removeClass('hideWindow');
});

//add class to hide modeless window
jQuery('.modelessWindow a.closeModWin').click(function (e) {
    jQuery('.modelessWindow').addClass('hideWindow');
});

//when .roomTypeLineItem is clicked add class to hide nested modal window
jQuery('.roomTypeLineItem').click(function (e) {
    jQuery('.modelessWindow').addClass('hideWindow');
});

//将模式窗口前置到正面消息容器
jQuery（'.rateRibbon'）。每个（函数（）{
jQuery（this）.append（“”+modWin1+“”）；
});
//移除类以显示无模式窗口
jQuery（'.posMsg a.showWindow'）。单击（函数（e）{
jQuery（'.modelessWindow.hideWindow'）.removeClass（'hideWindow'）；
});
//添加类以隐藏无模式窗口
jQuery（'.modelessWindow a.closeModWin'）。单击（函数（e）{
jQuery（'.modelessWindow'）.addClass（'hideWindow'）；
});
//单击.roomTypeLineItem时，添加类以隐藏嵌套的模式窗口
jQuery（'.roomTypeLineItem'）。单击（函数（e）{
jQuery（'.modelessWindow'）.addClass（'hideWindow'）；
});

和一个链接到我的整个脚本

---

提前感谢您的帮助

创建第二个jQuery块：

jQuery('.posMsg a.showWindow').click(function (e) {
    jQuery(this).closest('.rateRibbon').find('.modelessWindow.hideWindow').removeClass('hideWindow');
});

---

这使得单击相对于元素，并且只会选择适当的模式。

我不明白问题是什么。你的小提琴似乎起作用了。但不幸的是，我正在处理的实际页面位于防火墙后面。这就是我得到多模态的地方。然而，我正试图找出如何只让当前家长显示模式…而不是所有家长。那么，你提供的小提琴有点误导，因为它不会重现你正在经历的行为。在这里工作的小提琴不太好；）我想是的-无论如何，谢谢你的帮助。我现在有个同事在调查。这能解决问题吗？