php - jquery最接近特定div内的图像查找

Question

我在页面中使用了以下 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>

Jquery 脚本:-

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

通过单击 edge-img-sec div，我想隐藏相应的 edge-icon1-right 图像。

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

Answer 1

你可以像下面那样做(使用 children()):-

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="edge-img-sec">
    <img src="img1" alt="edge-icon" class="edge-icon1"><br>
    <img src="img2" alt="right-icon" class="edge-icon1-right"><br>
</div>
<br>
<div class="edge-img-sec">
    <img src="img3" alt="edge-icon" class="edge-icon1"><br>
    <img src="img4" alt="right-icon" class="edge-icon1-right"><br>
</div>

或者使用find():-

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="edge-img-sec">
    <img src="img1" alt="edge-icon" class="edge-icon1"><br>
    <img src="img2" alt="right-icon" class="edge-icon1-right"><br>
</div>
<br>
<div class="edge-img-sec">
    <img src="img3" alt="edge-icon" class="edge-icon1"><br>
    <img src="img4" alt="right-icon" class="edge-icon1-right"><br>
</div>