使用元素中的类查找最接近的选择框

Question

从恰好是选择框的元素的起点开始（元素有一个类：service_selection）我想找到另一个选择框（元素有一个类：service_selection） 。

我需要使用类$(this)专门获取最接近的元素，因为我不想抓住该类的所有元素。

第一个选择框离第二个选择框有多远的快照：

假设service_selection已包含第一个选择框。现在我只需要使用类.closest绘制到最近的下一个选择框的路径。

我尝试使用var el = $(this).closest(".service_selection");，但它并不适合我。

示例：{{1}}

Answer 1

您需要获取整个顶级父容器 - 然后find元素：

var el = $(this).closest(".row").find(".service_selection");

Answer 2

由于您的逻辑高度依赖于您的布局，因此进行此类导航有点过时且易于破解。我建议你在该元素上使用一个独特的CSS类并直接访问它。