Javascript 通过单击获取容器的Id

如果我单击一个

行设置

工具，我想获取包含div的

id

我尝试过的所有解决方案都只给我

未定义的

美丽的内容
LOREM IPSUM只是虚拟文本1
取得身份证
美丽的内容
LOREM IPSUM只是虚拟文本2
取得身份证
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。Lorem ipsum dolor sit amet，是一位杰出的献身者。利奥·安特万岁，阿梅特·瓦普特·韦勒坐在圣殿，达皮布斯坐在阿梅特·莱克特

取得身份证

我做了一把小提琴（它不能正常工作），所以你可以在操场上玩

任何帮助都将不胜感激

---

谢谢模板块

div不是
行设置的父项。是兄弟姐妹

 $(this).parents('.ui-draggable').find('.template-block')

您需要父div的上一个同级：


$（'.row settings'）。在（'click'，function（）上{
id=$（this.parent（）.prev（）.attr（'id'））
控制台日志（id）
});

美丽的内容
LOREM IPSUM只是虚拟文本1
取得身份证
美丽的内容
LOREM IPSUM只是虚拟文本2
取得身份证
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。
Lorem ipsum dolor sit amet，是一位杰出的献身者。利奥·安特万岁，阿梅特·瓦普特·韦勒坐在圣殿，达皮布斯坐在阿梅特·莱克特

取得身份证
您没有指向正确的家长。这应该起作用：


$（'.row settings'）。在（'click'，function（）上{
id=$（this.parent（）.parent（）.find（'.template block'）.attr（“id”）；
console.log（id）；
});

美丽的内容
LOREM IPSUM只是虚拟文本1
取得身份证
美丽的内容
LOREM IPSUM只是虚拟文本2
取得身份证
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。Lorem ipsum dolor sit amet，是一位杰出的献身者。利奥·安特万岁，阿梅特·瓦普特·韦勒坐在圣殿，达皮布斯坐在阿梅特·莱克特

取得身份证
您需要遍历多达个可拖动的ui。为了实现这一点，您可以使用，然后您可以找到所需的元素：


$（'.row settings'）。在（'click'，function（）上{
id=$（this）.closest（'.ui-draggable'）.find（'.template-block'）.attr（'id'））
控制台日志（id）
});

美丽的内容
LOREM IPSUM只是虚拟文本1
取得身份证
美丽的内容
LOREM IPSUM只是虚拟文本2
取得身份证
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。Lorem ipsum dolor sit amet，是一位杰出的献身者。利奥·安特万岁，阿梅特·瓦普特·韦勒坐在圣殿，达皮布斯坐在阿梅特·莱克特

取得身份证
模板块
不是父元素，因此需要首先获取其父元素，然后找到
模板块
以获取id

id = $(this).parents('.ui-draggable').find('.template-block:first').attr('id');

模板块
不是
行设置
的父级。是兄弟姐妹，我不明白你投的反对票。你在小提琴上看到的只是我为完成这项工作所做的众多尝试之一。我也尝试过兄弟姐妹，但没有成功。如果你能给我指出正确的方向，那对我将非常有用。那不是我的反对票
id = $(this).parents('.ui-draggable').find('.template-block:first').attr('id');