Javascript 在jQuery中查找下一个元素

我有这样的想法：

<div class='span6'>
    <div class='row-fluid'>
       <div class='span2 search'>
          <img src='img.png'/> <!-- when clicked -->
       </div>
       <div class='span10'>
          <div class='name-info' id="test">  <!-- get this id -->
            <h4 class="name"><?php echo $name;?></h4>
            <div class='address'>
              <?php echo $location;?>
           </div>
         </div> <!-- end name-info -->
      </div>
    </div> <!-- end name-block -->
</div>
<div class='span6'>
    <div class='row-fluid'>
       <div class='span2 search'>
          <img src='img.png'/>  <!-- when clicked -->
       </div>
       <div class='span10'>
          <div class='name-info' id="test">  <!-- get this id -->
            <h4 class="name"><?php echo $name;?></h4>
            <div class='address'>
              <?php echo $location;?>
           </div>
         </div> <!-- end name-info -->
      </div>
    </div> <!-- end name-block -->
</div>

$('.search img').on('click',function(){
    alert($(this).next('.name-info').attr("id"));
});

$（'.search img'）。在（'click'，function（）上{
警报（$（this）.next（'.name info'）.attr（“id”）；
});

我有两个确切的div，我正试图点击一个img，当我点击图像时，它应该能够获得class

name info

的id，我该怎么做？我尝试了一些函数，但不熟悉所有jQuery函数。需要帮忙吗

谢谢

我认为$（'.search-img'）应该是$（'.search-img'），与您试图做的事情一致。

这应该可以

$(".span2 img").on('click', function () {
    console.log($(this).parent().next().find('.name-info').attr('id'));
});

$('.search img').on('click',function(e){
    alert($(this).parent().next().find('.name-info').attr('id'))
});

演示：

由于您正在单击

img

元素，因此需要获取父元素的

下一个滑动

，然后找到具有class

name info

的元素，请尝试以下操作：

$('.searchimg').on('click',function(){
    alert($(this).parent().next().children('.name-info').attr("id"));
});

---

我没有看到任何

.searchimg

元素，并且您的id重叠attributes@ExplosionPills对不起，它应该是一个空间之间，你可以看到我已经注意到我需要点击和显示感谢的解释和小提琴！