jQueryを使用して親クラスからデータを取得する方法

Question

親からデータを取得する際に問題が発生した場合は、divクラスを取得してください。 データを入手する方法を教えてもらえますか？前もって感謝します。ここで

はHTMLである：ここでは

<div class="item hasTooltip slick-slide tooltipstered slick-current slick-active slick-center" data-id="579" data-startmonth="December" data-name="Jom X,sk" data-address=" " data-birthdate="December 21, 2016" data-birthplace="Bangladesh" data-mobile="" data-email="" data-year="2016" data-month="12" data-day="20" data-itemcount="38" data-createintake="John B. Doe" data-attorney="Laura V. Conley" data-slick-index="37" aria-hidden="false" tabindex="0" role="option" aria-describedby="slick-slide037" style="width: 136px;"> 
    <div class="appointment-date">   <span>Dec. Tue</span> 
     <label class="day">20</label> 
    </div> 
    <h1>•</h1> 
    <div class="intake-details"> 
     <a class="remove-text-decoration" href="http://papersllc.com/carecen/client-profile/579" tabindex="0"><i class="user-initials" data-id="579" data-status="15">JX</i></a> 
     <span class="name">Jom X,sk</span> 
     <span class="sched">11AM Sksk</span> 
     <a class="gotoCalendar" tabindex="0">3 more</a> 
    </div> 
</div> 

は私のJavaScriptのである：私は.gotoCalendarクラスIであるaタグをクリックすると

$('.item .intake-details .gotoCalendar').on('click',function(){ 
    alert($(this).parent('.item').data('name')) 
}); 

.itemクラスはので、上記の私のクエリで親クラスでありますデータフォーム.itemを取得します。 助けてください、ありがとう。

Answer 1

`parent`呼び出しを連鎖すると、このアプローチを使用しないでください以下のコード

$('.item .intake-details .gotoCalendar').on('click',function(){ 
    alert($(this).closest('.item').data('name')); 
}); 

Answer 2

私はそれが今ハハハ私は（別の.parentを追加するのを忘れ取得中にエラー）

$('.item .intake-details .gotoCalendar').on('click',function(){ 
     alert($(this).parents().data('name')) 
}); 

Answer 3

複数の親を追加する必要はありませんが（）を使用すると、親オブジェクトの任意のレベルを取得するには、親（）メソッドを使用することができる機能します。

$（ 'アイテム.intake-詳細.gotoCalendar。 '）に（' クリック'、関数（）{

alert($(this).parents(".item").data('name')) 

}）。