我有一个类似的布局:

<div id="..."><img src="..."></div>

并希望使用jQuery选择器在单击时选择div中的子img。

为了得到div,我有一个选择器:

$(this)

如何使用选择器获取子img?


当前回答

如果DIV标记后面紧跟IMG标记,则还可以使用:

$(this).next();

其他回答

<div>中可能有0到多个<img>标记。

要查找元素,请使用.find()。

要确保代码安全,请使用.each()。

在0<img>元素的情况下,同时使用.find()和.each()可以防止空引用错误,同时还可以处理多个<img>的元素。

//在div上设置单击处理程序$(“body”).off(“click”,“#mydiv”).on(“cli”,“#mydiv”,function(){//使用.Find()和.each()查找图像$(this).find(“img”).each(function(){var img=此;//“this”现在作用于image元素//对图像执行某些操作$(this).animate({width:($(this).width()>100?100:$(this).width()+100)+“像素”}, 500);});});#mydiv公司{文本对齐:居中;垂直对齐:中间;背景色:#000000;光标:指针;填充:50px;}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js“></script><div id=“mydiv”><img src=“”width=“100”height=“100”/></div>

如果你需要得到第一个正好向下一级的img,你可以这样做

$(this).children("img:first")

jQuery的每个都是一个选项:

<div id="test">
    <img src="testing.png"/>
    <img src="testing1.png"/>
</div>

$('#test img').each(function(){
    console.log($(this).attr('src'));
});

直接子女是

$('> .child-class', this)

您也可以使用

$(this).find('img');

这将返回作为div后代的所有img