Jquery 从图像类的邻近输入onclick中获取隐藏值

我的Laravel blade中有以下动态div，其中隐藏的输入值将是myImg0、myImg1等

<div id="img-container" class="img-container" >
  <div class="imgWrap">
    <img class="img-option "  id="myImg{{$i}}" src="{{ $qstImg}}" alt="" >
     <input type="hidden" value="myImg{{$i}}" class="imageIds">
  </div>
</div>

---

但我得到的警告是相同的值本身。

为什么不直接获得

img

的

id

属性，因为它完全相同：

$('.img-container').on('click','.img-option', function() {
  var imageId = $(this).attr('id');
  console.log( imageId );
});

---

为什么不直接获取

img

的

id

属性，因为它完全相同：

$('.img-container').on('click','.img-option', function() {
  var imageId = $(this).attr('id');
  console.log( imageId );
});

---

也许这是适合你的代码

$('.img-container').on('click','.img-option',function(event){
    var imageIds = $(this).parent().find('input.imageIds').val();
});

---

应该是家长而不是家长。

也许这是适合您的代码

$('.img-container').on('click','.img-option',function(event){
    var imageIds = $(this).parent().find('input.imageIds').val();
});

---

应该是家长而不是家长。

您应该尝试以下方法：

<div id="img-container" class="img-container" >
  <div class="imgWrap">
    <a onclick="funcGetID('{{"myImg".$i}}')"><img class="img-option "  id="myImg{{$i}}" src="{{ $qstImg}}" alt="" ></a>
     <input type="hidden" value="myImg{{$i}}" class="imageIds">
  </div>
</div>

//js代码

<script>
  function funcGetID(x)
   {
     alert(x);
   }
</script>

函数funcGetID（x）
{
警报（x）；
}

您应该尝试以下方法：

<div id="img-container" class="img-container" >
  <div class="imgWrap">
    <a onclick="funcGetID('{{"myImg".$i}}')"><img class="img-option "  id="myImg{{$i}}" src="{{ $qstImg}}" alt="" ></a>
     <input type="hidden" value="myImg{{$i}}" class="imageIds">
  </div>
</div>

//js代码

<script>
  function funcGetID(x)
   {
     alert(x);
   }
</script>

函数funcGetID（x）
{
警报（x）；
}

您是否希望

imageIds

成为一个数组？当我单击图像时，我需要myImg0、myImg1等值。请查看我的答案。您是否希望

imageIds

成为一个数组？当我单击图像时，我需要myImg0等值，myImg1等。请查看我的答案。我使用tag并将myimg传递给函数，因为输入字段值和tag的值始终相同。我使用tag并将myimg传递给函数，因为输入字段值和tag的值始终相同