jquery在前一个兄弟的第三个孩子中定位一个标签

问题描述:

我并不擅长在jquery中遍历。这里是我的标记: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>'); 
}) 

我似乎无法弄清楚如何定位到该标签,它是越来越那种混乱。我需要针对以前兄弟姐妹的第三个孩子中的每一个重复行的信息来确定我认为的标签。任何帮助,将不胜感激。

+0

'.closest()'向上导航和语法是使括号内的选择器。我想你想要'.find(“selector”)'。 – dlsso

+0

谢谢这是我所需要的。像现在的魅力工作:) –

+1

是的,不要忘记标记Mojtaba的答案,如果它解决了你的问题。 – dlsso

closest()找到第一个父亲。最接近(选择器)找到第一个选择器匹配的父对象。

鉴于您正在寻找一个孩子。所以,你可以使用find(选择器)。

更改此:

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

向该:

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

没有答案,直到我发布一个反正这是正确的+1。快乐的编码。 :)。如果你可以解释一下OP,那么这将非常棒。删除我的 – bipen

+0

@bipen,没问题。我更新了答案。如果你想添加更多,请随时编辑我的答案 – Mojtaba