Jquery：點擊找到課程

Question

我必須在點擊時找到課程內容。

關注我的HTML代碼

<div class="row team"> 
    <div class="col-md-3"> 
     <a href="#bannerformmodal" data-toggle="modal" data-target="#bannerformmodal"> 
      <img src="img/team/Martin-Duff.png" class="img-responsive" /> 
     </a> 
     <div class="content"> 
      <p>paragaraph </p> 
      <p>paragaraph paragaraph </p> 
      <div class="details"> 
      <!-- content for details div --> 
      </div> 
     </div> 

點擊圖片我需要了解詳細信息DIV的HTML上。我如何得到它？

我試圖

$('.team .img-responsive').on('click',function(){ 
    var content= $(this).closest('div.content').html(); 
    console.log(content); 
}) 

但是這給了我不確定。需要你的幫助。

謝謝！

Answer 1

closest選擇最接近的匹配父元素（如果有的話）。目標元素是被單擊元素的父元素的下一個兄弟元素。對於選擇目標元素，你可以使用parent和next方法：

var content = $(this).parent().next('div.content').html(); 

Answer 2

div.content是IMG響應的父母兄弟姐妹。您可以通過查找最近的行然後找到嵌套元素來找到相關元素。不使用next（）使它稍微不依賴於標記佈局。

var content= $(this).closest('.row').find('div.content').html();