Javascript 尝试使用jQuery在父DOM中选择隐藏字段

我需要从图像中获取数据值，并将其放在隐藏字段中，而不使用隐藏字段的id。

---

编辑：我不能使用id，因为集合使用不同的id重复

   <div class="optionImageSelection">
    <input type="hidden" id="hdnIn"> 
    <ul>
        <li>
            <img src="iamge1.jpg" data-value="val1" class="optionImageSelect">
        </li>
        <li>
            <img src="image2.png" data-value="val2" class="optionImageSelect">
        </li>
    </ul>
   </div>
        <div class="optionImageSelection">
<input type="hidden" id="hdnIn2"> 
<ul>
    <li>
        <img src="iamge3.jpg" data-value="val3" class="optionImageSelect">
    </li>
    <li>
        <img src="image4.png" data-value="val4" class="optionImageSelect">
    </li>
</ul>
 </div>

}

})

Js小提琴：

谢谢。

代替

var hdnSelector =  $("#hdnIn");  

您可以使用此选择器

var hdnSelector =  $(image).closest('ul').prev('input')  

您可以使用“最近”和“上一个”的组合

而不是

var hdnSelector =  $("#hdnIn");  

您可以使用此选择器

var hdnSelector =  $(image).closest('ul').prev('input')  

您可以使用“最近”和“上一个”的组合

---

使用$'input[type=hidden]'选择器。

使用$'input[type=hidden]'选择器。

如果屏幕上有多个隐藏字段，这将不起作用page@Sushanth-哦。。。情况已经改变。你的方法很好。如果在屏幕上有多个隐藏字段，这将不起作用page@Sushanth-哦。。。情况已经改变。你的方法很好。既然你使用的是数据属性，为什么不在以隐藏字段为目标的图像中添加一个数据id属性呢$$image.attrdata-id.val$image.attrdata-value；我无法使用id，因为集合使用不同的id重复。我更新了示例以反映这一点。感谢Hanks Crazy train，这种方法会起作用，并且更加独立于html。既然您使用的是数据属性，为什么不在针对隐藏字段的图像中添加一个数据id属性呢$$image.attrdata-id.val$image.attrdata-value；我无法使用id，因为集合使用不同的id重复。我更新了示例以反映这一点。谢谢Hanks Crazy train，这种方法可以工作，并且更加独立于html。@vts。。很高兴能帮上忙：@vts。。很高兴能够帮助：