發現jQuery中

Question

下一個元素我有這樣的事情：

<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")); 
}); 

我有兩個具體的div，我想點擊一個img，當我點擊圖像，它應該能夠得到類name-info的id，我該怎麼做？我嘗試了一些函數，但並不熟悉所有的jQuery函數。需要幫助嗎？

謝謝！

Answer 1

這應該做

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

演示：Fiddle

既然你點擊img元素，你需要得到家長的next slibling，然後找到name-info類的元素。

Answer 2

我想$（ 'searchimg '）應該是$（'。搜索IMG'）與您正在試圖做什麼...

Answer 3

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

Answer 4

試試這個：

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