Question

Here is my JQuery:

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

Here is my view code:

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

I am trying to set the height of the .mobile-handle to the height of the parent li. Still learning JS/Jquery so sorry I know this is elementary.

Answer 1

This sets the height of each .mobile-handle to the height of its ancestor li

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