Jquery前の兄弟の3番目の子のタグを対象にします。

Question

jqueryでのトラバースにはあまり効果がありません。ここに私のマークアップは次のとおりです。私は何をしたいか

<div class="row planarea"> 

    <div class="col-md-6"> 
    <h1>Agera Fixed Advantage 12</h1> 
    Fixed Price - 12 Months<br> 
    Utility: Con Edison 
    </div> 

    <div class="col-md-3"> 
    <span class="price">$0.0799</span> <span class="killowats">/ kWh</span> 
    </div> 

    <div class="col-md-3"> 
    <a class="nolink showmore" data-toggle="collapse" data-target="#24moscollapse" aria-expanded="false" aria-controls="24moscollapse"> 
     <div class="selectdetails"> 
     Details <i class="fa fa-chevron-circle-down" aria-hidden="true"></i> 
     </div> 
    </a> 

    <label > 
     <input type='radio' name="prefs" class="hidecheck" value="mail"> 
     <span></span> 
    </label> 

    </div> 


</div><!--row--> 

<div class="row collapse detailsrow" id="24moscollapse"> 
    <div class="col-xs-12 plandetailsbox"> 
    stuff 
    </div> 
</div> 

は、これに似たものである：

$('.detailsrow').on('show.bs.collapse', function() { 
    $(this).prev().closest().("a.showmore").html('<div  class="selectdetails">Details <i class="fa fa-chevron-circle-up" aria- hidden="true"></i></div>'); 
}) 

私はそのタグをターゲットにする方法を見つけ出すように見えることはできません、それは一種の混乱になっています。この情報の繰り返し行ごとに前の兄弟の3番目の子供のタグであると信じているものをターゲットにする必要があります。どんな助けもありがとう。

Answer 1

closest（）は最初の親を見つけます。そしてnearest（セレクタ）は、最初にセレクタにマッチした親を見つけます。

一方、あなたは子供を探しています。したがって、find（selector）を使用することができます。

変更この：これに

$(this).prev().closest().("a.showmore") 

：

$(this).prev().find("a.showmore")