0

たとえば、ブロックが左に浮いている<ul>要素があります。<li>そのようにサイズを変更すると、<li>要素へのサイズが3つ続けて配置されます。次に、ウィンドウのサイズを変更し（たとえば、マウスで）、今のところ要素を4行に並べた<ul>新しい幅を取得しました。<li>したがって、要素のスタックのすべての行の最後を選択する方法、つまり、<li>CSSルールを設定する方法（たとえば、マージン右）。

だから私は知る必要があります、ここで説明されている動作で選択するCSSセレクターまたは方法はありますか：http： //jsfiddle.net/w7PDM/12/

4

1 に答える 1

0

最後のものを計算する必要がありますが、それは簡単です。

$('button').click(function(){
    $('ul').css('width','200px');
    $('.current-last-of-row').removeClass('current-last-of-row');
    var itemsPerRow = Math.floor(parseInt($('ul').css('width')) / 40);
    //$('li:nth-child(4n+4)').addClass('current-last-of-row');
    for(var i=1; i < $('ul li').length; i++)
    {
        if( i % itemsPerRow == 0 )
        {
            $('li').eq(i-1).addClass('current-last-of-row');
        }
    }
    $('h1').text('Now, every 4 element is a "last-of-a-row"');
});​

デモをチェックしてください: http://jsfiddle.net/jun1st/hK9aZ/1/

于 2012-06-07T06:21:00.190 に答える