jquery - 如何使用jquery更改n个div元素的css

Question

如果屏幕宽度大于 960px;，我需要以 4x4 的格式显示 16 个 div 如果屏幕宽度为 746px 并且 jar 头宽度为 2x6 为 480px

，则显示 3x4 div

如果屏幕宽度为 32px，则为 1x16；

我需要编写一个 jquery，如果屏幕尺寸大于 960px，那么我需要从最后 4 个 div 中删除边框。

我不确定如何让它在 fiddle 上工作示例 http://jsfiddle.net/krGQc/42/

<div class="tdiv">1</div>
<div class="tdiv">2</div>
<div class="tdiv">3</div>
<div class="tdiv">4</div>
<div class="tdiv">5</div>
<div class="tdiv">6</div>
<div class="tdiv">7</div>
<div class="tdiv">8</div>
<div class="tdiv">9</div>
<div class="tdiv">10</div>

Answer 1

您可以使用带有负索引的 gt() 从最后一个元素开始倒数。

if (window.screen.width > 960) { // you asked for "screen"
    $('.tdiv:gt(-5)').css('border','none');
}

FIDDLE