Question

我有这个节点。

<figure class="wide">
    <a href="https://www.example.com/image_HDR.jpg" target="_blank">
        <img class="exif-reader" src="https://cdn.example.com/content_big_20171008_112106_HDR.jpg"">
    </a>
    <figcaption>
        <div class="items">&nbsp;</div>
    </figcaption>
</figure>

我是从图像开始使用

var img = $("img[src$='value.FileName']");

我需要替换.items div中的HTML，但我找不到如何获取它。在页面中，我有很多具有这种结构的节点。我需要选择.items

的同一节点内的img div

Answer 1

使用css很难，但jquery让我觉得相当容易：

var items = $("img[src$='value.FileName']").closest('figure').find('.items');
items.html('<p>blabla</p>');

Answer 2

以下是使用您的代码的代码段示例：

$(function(){
  var $img = $(".exif-reader");
  
  var $itemsDiv = $img.closest(".wide").find('.items');
  
  $itemsDiv.html("enter html here")
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<figure class="wide">
    <a href="https://www.example.com/image_HDR.jpg" target="_blank">
        <img class="exif-reader" src="https://cdn.example.com/content_big_20171008_112106_HDR.jpg"">
    </a>
    <figcaption>
        <div class="items">&nbsp;</div>
    </figcaption>
</figure>

我改变了img选择器，因为$（“img [src $ ='value.FileName']”）;我没有在片段中工作。

用于嵌套兄弟的JQuery Selector

2 个答案: