Jquery：クリックでクラスを見つける

Question

クリックするとクラスコンテンツが見つかります。私は詳細のdivのためのHTMLを取得する必要があります画像をクリックすると、私の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> 

後

。どうすれば入手できますか？

私は

$('.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();