javascript - Jquery 将前一个同级的第三个子级中的标签作为目标

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>'); 
})

我似乎不知道如何定位该标签，而且它变得有点令人困惑。我需要针对此信息的每个重复行定位我认为前一个 sibling 的第三个 child 中的 a 标签。任何帮助将不胜感激。

Answer 1

closest() 查找第一个父级。 Closest(selector) 找到第一个与父级匹配的选择器。

然而，您正在寻找一个 child 。因此，您可以使用 find(selector)。

更改此:

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

对此:

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