我有一个类似的布局:

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

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

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

$(this)

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


当前回答

不知道DIV的ID,我想您可以这样选择IMG:

$("#"+$(this).attr("id")+" img:first")

其他回答

<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构造函数接受第二个名为context的参数,该参数可用于重写选择的上下文。

jQuery("img", this);

这与像这样使用.find()相同:

jQuery(this).find("img");

如果所需的img只是所单击元素的直接后代,则还可以使用.children():

jQuery(this).children("img");

你可以使用

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
 $(this).find('img');
</script>

您可以使用以下任一方法:

1 find():

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

2个孩子():

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