Javascript 如何在bootstrap accordion中选择值

我有一个手风琴，里面有一个形状。单击每个手风琴内的按钮时，它将检索同一手风琴的

标题

和

查询

内容

这是我试图做的一个演示

问题是第一个手风琴总是返回未定义的

表单

输入

值。所有其他后续手风琴返回预期值。我不明白这是怎么发生的，因为每个手风琴都使用相同的js代码

HTML

---

更改以下现有行：

let title = $(this).siblings('.query-form').find('.template-title').val();
let query = $(this).siblings('.query-form').find('.template-query').val();

到

---

更改以下现有行：

let title = $(this).siblings('.query-form').find('.template-title').val();
let query = $(this).siblings('.query-form').find('.template-query').val();

到

---

谢谢你。但是，为什么底部可以使用而顶部不能使用第一个手风琴呢？如果在浏览器控制台中键入

$（this）.sibles（）

，则不会将带有

.query form

的表单视为同级表单。我不确定在调用

兄弟姐妹（）

时是否考虑了表单标记。除了

parent（）

之外，您还可以调用'let title=$（this）.sibbines（“div.form-group”）.find（“.template title”）.val（），这将为您提供相同的结果。谢谢。但是，为什么底部可以使用而顶部不能使用第一个手风琴呢？如果在浏览器控制台中键入

$（this）.sibles（）

，则不会将带有

.query form

的表单视为同级表单。我不确定在调用

兄弟姐妹（）

时是否考虑了表单标记。除了

parent（）

之外，您还可以调用'let title=$（this）.sides（“div.form-group”）.find（“.template title”）.val（），这将给出相同的结果。

let title = $(this).siblings('.query-form').find('.template-title').val();
let query = $(this).siblings('.query-form').find('.template-query').val();

let title = $(this).parent().find(".template-title").val();
let query = $(this).parent().find(".template-query").val();