Php jquery在特定div中查找图像的最近距离

我在我的页面中使用了以下HTML

<div class="edge-img-sec">
    <img src="img1" alt="edge-icon" class="edge-icon1">
    <img src="img2" alt="right-icon" class="edge-icon1-right">
</div>

<div class="edge-img-sec">
    <img src="img3" alt="edge-icon" class="edge-icon1">
    <img src="img4" alt="right-icon" class="edge-icon1-right">
</div>

通过单击

edge img sec

div，我想隐藏相应的

edge-icon1-right

图像

我使用了上面的代码。但它不起作用。我在这里做错了什么。请帮帮我

您可以像下面这样做（使用

children（）

）：-

$（“.edge img sec”）。单击（函数（）{
$（this）.children（'.edge-icon1-right'）.hide（）；
});











您可以像下面这样做（使用
children（）
）：-


$（“.edge img sec”）。单击（函数（）{
$（this）.children（'.edge-icon1-right'）.hide（）；
});











试试这个：

  $( ".edge-img-sec" ).click(function(){
        $(this).find('img.edge-icon1-right').hide();
  });

试试这个：

  $( ".edge-img-sec" ).click(function(){
        $(this).find('img.edge-icon1-right').hide();
  });

这在html中的什么位置存在？我没有看到这个类中的任何元素，其中在html代码中是edge img sec类..另外。。。当您指定
find（'edge-icon1-right'）
时，为什么还要麻烦使用
closest（'img'）
？@aequalsb可能是因为有多个元素具有相同的类？但这正是
find（）
的用途——即：查找->此->clcked元素中的选择器在html中存在
edge img sec
？我没有看到这个类中的任何元素，其中在html代码中是edge img sec类..另外。。。当您指定
find（'edge-icon1-right'）
时，为什么还要麻烦使用
nestest（'img'）
？@aequalsb可能是因为有多个元素具有相同的类？但这就是
find（）
的用途——即：在这个->clcked元素中查找->选择器我认为使用
find（）
的OP逻辑很好--
children（）
有效，但其本质仅指直系后代。如果OP需要更改HTML结构并在
.edge-icon1-right
周围放置一个包装器，那么jQuery代码将被破坏——但在使用
find（）
@aequalsb时不会——基于他当前的结构，我给出了答案。但是我已经添加了这两个。谢谢，这更好：）但是OP在他的原始问题中确实提到了
find（）
，也许应该提供
children（）
作为替代方案。。。哦而且
children（）
的开销会稍微少一些，因为它在许多情况下可能会遍历更少的元素。我认为OP应该接受这个答案——它是彻底的，提供了两种方法。我认为OP使用
find（）
的逻辑很好--
children（）
可以工作，但它的本质只涉及直接后代。如果OP需要更改HTML结构并在
.edge-icon1-right
周围放置一个包装器，那么jQuery代码将被破坏——但在使用
find（）
@aequalsb时不会——基于他当前的结构，我给出了答案。但是我已经添加了这两个。谢谢，这更好：）但是OP在他的原始问题中确实提到了
find（）
，也许应该提供
children（）
作为替代方案。。。哦而且
children（）
的开销会稍微少一些，因为它在许多情况下可能会遍历更少的元素。我认为OP应该接受这个答案——它是彻底的，并提供了两种方法。除非您特别想使用
children（）
只遍历直接子体，否则这是一种方法。另一个警告。。。使用
find（'img.'）
会增加一点开销这是一种方法，除非您特别想使用
children（）
只遍历直接后代。另一个警告。。。使用
find（'img.*）
会增加一点开销