Question

因为我需要水平列出项目，所以我有几个dl，每个都包含一个图像

<dl class="hints" id="hint0">
  <dt><img ...></dt>
  <dd>a</dd>
</dl>
<dl class="hints" id="hint1">
  <dt><img ...></dt>
  <dd>b</dd>
</dl>
<dl class="hints" id="hint2">
  <dt><img ...></dt>
  <dd>c</dd>
</dl>

我想在点击每个图像时使用jquery做某事。如何获取dl / dt / img的对象？目前，“$（'dl.hints dt'）。click（function（）...”不起作用。

感谢您的帮助！

Answer 1

正如你所提到的，当你点击“提示”类的dt“中的图像时你想要做一些动作..然后尝试下面的代码......

$('.hints dt img').live('click',function()
{
  alert('This works');
});

Answer 2

您可能缺少jQuery就绪状态。

$(document).ready(function(){
$('.hints dt img').click(function()
{
  alert('OK');
});
}):

在定义列表上使用jquery（dl）

2 个答案: