javascript - 获取类的第一个孩子的 id，然后触发该类的 onclick 事件

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"));

还有很多事情，获取第一个孩子的ID的正确方法是什么viewCatList

Answer 1

为什么要id_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”。

但如您所知，该单击事件绑定在 jquery 元素对象上。$( "ul.viewCatList" ).find("img:first")所以你可以像下面这样直接调用点击事件。

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