Javascript 如何获得最接近的<；李>；设置.css高度的步骤

以下是我的JQuery：

$(window).load(function(){
  $(".mobile-handle").css({height: $("ul#active-tasks li").height()});
})

以下是我的查看代码：

%li.task.clearfix[task]
  .mobile-handle

---

我正在尝试将

.mobile handle

的高度设置为父

li

的高度。仍在学习JS/Jquery，很抱歉，我知道这是基本的。

也许使用：parent选择器就可以了

$(window).load(function(){
    $(".mobile-handle").css({height: $(".mobile-handle:parent").height()});
})

尝试：

或

---

这会将每个

.mobile handle

的高度设置为其祖先

li

$(window).load(function(){
    $(".mobile-handle").each(function(){
        $(this).css({height: $(this).closest('li').height()});
    });
})

---

看看最近的

“获取与选择器匹配的第一个元素，从当前元素开始，通过DOM树向上。”

---

在这里，我已经做了上述查询箱，你可以找到演示链接了

演示：

HTML:

<ul id="active-tasks">
  <li>
    <div class="mobile-handle">
      Mobile-1
    </div>
  </li>
  <li>
    <div class="mobile-handle">
      Mobile-2
    </div>
  </li>
  <li>
    <div class="mobile-handle">
      Mobile-3
    </div>
  </li>
  <li>
    <div class="mobile-handle">
      Mobile-4
    </div>
  </li>
</ul>

#active-tasks{
  padding:4px;
  border:1px solid #445599;
  list-style:none;
  width:50%;
  background:#f9c8c5;
}
#active-tasks li{
  height:30px;
}

$(function() {

    $(".mobile-handle").height($(".mobile-handle").parent('li').height());
    /*
    //Another Alternate way is:
    $(".mobile-handle").height( $(".mobile-handle").closest('li').height() );*/

});

JQuery:

<ul id="active-tasks">
  <li>
    <div class="mobile-handle">
      Mobile-1
    </div>
  </li>
  <li>
    <div class="mobile-handle">
      Mobile-2
    </div>
  </li>
  <li>
    <div class="mobile-handle">
      Mobile-3
    </div>
  </li>
  <li>
    <div class="mobile-handle">
      Mobile-4
    </div>
  </li>
</ul>

#active-tasks{
  padding:4px;
  border:1px solid #445599;
  list-style:none;
  width:50%;
  background:#f9c8c5;
}
#active-tasks li{
  height:30px;
}

$(function() {

    $(".mobile-handle").height($(".mobile-handle").parent('li').height());
    /*
    //Another Alternate way is:
    $(".mobile-handle").height( $(".mobile-handle").closest('li').height() );*/

});

演示：

选择器选择/过滤所有具有子元素（父元素）的元素，因此在您的示例中，您选择的是具有子元素而非父元素的

.mobile handle

。试试看。