Question

我正在动态创建html，如下所示

<div id="disc_cat">
<ul class="viewCatList">
<img id="prod1" src="../products/ `Image_url`" class="slide_contain" onclick="getCanvas(1,1,1,1,1,1,1,2,' `Image_url`')">
<img id="prod3" src="../products/ `Image_url`" class="slide_contain" onclick="getCanvas(1,1,1,1,1,1,1,2,' `Image_url`')">
</ul>
</div>

我正在尝试触发第一张图片的点击事件，但我不知道该ID。

我试过了，

$( "ul.viewCatList" ).find("img:first").attr("id"));

和许多事情，在viewCatList

中获取第一个孩子的id的正确方法是什么

Answer 1

为什么你想要id，一旦你拥有该元素的jQuery包装器就可以调用click()

$( "ul.viewCatList" ).find("img:first").click()

Answer 2

以下代码将为您提供图像的第一个ID，然后您可以与＃一起使用以进行点击事件。请在此处查看以进一步查询

$(document).ready(function(){
var x=$( "ul.viewCatList" ).find("img:first").attr("id");
alert(x);
$("#"+x).click(function(){
   // do your stuff here..
 });
});

Answer 3

$( "ul.viewCatList" ).find("img:first").attr("id"));

工作正常。它给出了第一个图像元素的ID“prod1”。

但是如你所知，click事件是绑定在jquery元素对象上的。因此，您可以直接在$( "ul.viewCatList" ).find("img:first")上调用点击事件，如下所示。

 $( "ul.viewCatList" ).find("img:first").click(function(){
      console.log("Here is your image1")
})

获取类的第一个子节点的id，然后触发onclick事件

3 个答案: