получить идентификатор первого потомка класса, а затем вызвать событие onclick этого

Question

получить идентификатор первого потомка класса, а затем вызвать событие onclick этого

0

Я динамически создаю 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>

Я пытаюсь вызвать событие клика первого изображения, но я не знаю идентификатор.

Я пытался,

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

и многое, что является правильным способом получить идентификатор первого ребенка в viewCatList

anam 11 нояб. 2013, в 12:26

Источник

Теги:

javascript

jquery

css

3 ответа

0

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

работает нормально. Он дает вам идентификатор "prod1" первого элемента изображения.

Но, как вы знаете, это событие click привязывается к объекту элемента jquery. Таким образом, вы можете напрямую вызвать событие click на $( "ul.viewCatList").find("img:first") как $( "ul.viewCatList").find("img:first") ниже.

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

Nishu Tayal 11 нояб. 2013, в 09:32

0

В приведенном ниже коде вы получите первый идентификатор изображения, а затем можете использовать вместе С# для события click.Comment здесь для дальнейших запросов

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

Sasidharan 11 нояб. 2013, в 08:41

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-11-11T09-26-00.000Z

Зачем вам нужен id, если у вас есть обертка jQuery для элемента, просто вызывайте click() на этом

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