Jquery 在最近的div上使用触发器（）强制单击

嗨，我有以下代码：

$（'.myInput'）。单击（函数（）{
$（'.addon'）.trigger（'click'）；
});
$（'.addon'）。单击（函数（）{
控制台日志（“单击”）；
});
.wrapper{
显示器：flex；
弯曲方向：立柱；
}
.inputWithAddon{
显示器：flex；
边缘底部：10px；
}
输入{
高度：20px；
}
.艾登{
宽度：26px；
高度：26px；
背景颜色：绿色；
}

尝试使用Jquery的同级属性
可能的解决方案是：

$(this).siblings('.addon').trigger('click');
$(this).parent().find('.addon').trigger('click');

或如
@Mohammad
所述：

$(this).next().trigger('click');

或者像
@Deepak Singh
回答的那样：

$(this).siblings('.addon').click();

或者正如
@freedomn-m
提到的（更多）独立布局解决方案：

$(this).closest(".inputWithAddon").find(".addon").click();


$（'.myInput'）。单击（函数（）{
$（this.next（）.trigger（'click'）；
});
$（'.addon'）。单击（函数（）{
控制台日志（“单击”）；
});
.wrapper{
显示器：flex；
弯曲方向：立柱；
}
.inputWithAddon{
显示器：flex；
边缘底部：10px；
}
输入{
高度：20px；
}
.艾登{
宽度：26px；
高度：26px；
背景颜色：绿色；
}

问题出在哪里？看@Mohammad，这太令人困惑了？！你看到问题中我的代码片段了吗？当您单击一个输入时，它会为每个绿色分区打印“单击”的3倍。我的web应用程序中也有同样的问题。在小提琴中，它似乎起作用了@Mohammad但是等等，这和我的代码不一样。。。您在触发器中添加了兄弟姐妹（），这似乎起作用了。@MrBuggy请查看layout Independent soln。如果这样，您以后可能会更改html。@Iceman您好，谢谢您的冷静回答。它很好用。我给第一个答案打了正确的分数，他是第一个，解决方案很好，所以我认为给他打分数是公平和正确的。再次感谢。太好了，谢谢！！我会尽快把它标记为正确的！干杯。
parent（）。也加了。越多越好。好的，那么您应该添加：
$（this）.closest（.inputWithAddon”）.find（.addon”）.click（）因为所有其他内容都与特定的html布局紧密相关，如果对布局/结构进行任何更改，则（其他内容）更有可能中断。唯一真正独立于布局的版本是通过
数据-
属性将每个输入与其div配对。