1

これが私のJQueryです：

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

これが私のビューコードです：

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

.mobile-handleの高さを親の高さに設定しようとしていliます。まだJS/Jqueryを学習しているので、申し訳ありませんが、これは初歩的なものです。

4

5 に答える 5

1

これにより、それぞれ.mobile-handleの高さがその祖先の高さに設定されますli

$(window).load(function(){
    $(".mobile-handle").each(function(){
        $(this).css({height: $(this).closest('li').height()});
    });
})
于 2012-07-27T03:02:05.157 に答える
1

を見てくださいclosest。

"Get the first element that matches the selector, beginning at the current element and progressing up through the DOM tree."

参照

$(window).load(function(){
    $(".mobile-handle").css({
        'height': $("ul#active-tasks").closest('li').height()
    });
});
于 2012-07-27T03:10:07.777 に答える
0

ここで、上記のクエリのビンを作成しました。デモリンクもあります。

デモ： http ：//codebins.com/bin/4ldqp9d

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>

CSS：

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

JQuery：

$(function() {

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

});

デモ： http ：//codebins.com/bin/4ldqp9d

于 2012-07-27T12:09:16.573 に答える
0

たぶん：parentセレクターを使用してもかまいません。

$(window).load(function(){
    $(".mobile-handle").css({height: $(".mobile-handle:parent").height()});
})
于 2012-07-27T02:58:09.643 に答える
0

試す：

$(".mobile-handle").height( $("#active-tasks li").height() );

また

$(".mobile-handle").height( $(".mobile-handle").parent('li').height() );
于 2012-07-27T02:58:33.977 に答える