Javascript 选择带有html标记的元素和单击时的类函数在jQuery中不起作用

我的html结构如下：

<div class="container">
  <dt class="odd">...</dt>
  <dd class="odd">...</dd>
  <dt class="even">...</dt>
  <dd class="even">...</dd>
  <dt class="odd">...</dt>
  <dd class="odd">...</dd>
  <dt class="even">...</dt>
  <dd class="even">...</dd>
</div>

---

如果要在单击dt时显示和隐藏相应的dd，则可以使用以下代码段：

$( "dt.odd" ).click(function() {
  $(this).next().toggle();
});

---

当你点击dt时，它将显示下一个dd，如果不可见，反之亦然

试试这个，这可能对你有帮助

dt{
显示：块；
}
dd{
显示：无；
}
$（文档）.ready（函数（）{
$（“dt.odd”）。单击（函数（）{
$（this.next（）.show（）；
});
});
...
...
...
...
...
...
...
...

检查控制台是否有错误。。您包括jQuery了吗？代码看起来很好，对我来说很有用。.完全没有错误，我已经包含了jquery，当我将click函数的选择器更改为only$（'dt'）。单击，而不触发click函数。是否动态添加元素？@Rayon否，我正在使用php循环生成此htmlwhat是div的默认状态，它们是显示none还是block？@GaneshPutra谢谢，在将其包装到document ready函数中后，它就可以工作了

$( "dt.odd" ).click(function() {
   alert('odd');
   $(this).next().show();
});

$( "dt.odd" ).click(function() {
  $(this).next().toggle();
});