使用.slice()方法仅设置列表中特定元素的样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用.slice()方法仅设置列表中特定元素的样式相关的知识,希望对你有一定的参考价值。

  1. /*
  2. <ul>
  3. <li>Apples</li>
  4. <li>Pears</li>
  5. <li>Cherries</li>
  6. <li>Grapes</li>
  7. <li>Mangos</li>
  8. </ul>
  9. */
  10.  
  11. /*If we just want to set the background-color of
  12.   everything after element number two (pears) we
  13.   can do this using:*/
  14.  
  15. $('li').slice(2).css('background-color', 'yellow');
  16.  
  17. /*and if we want to set the bg-color of the elements
  18.   after two(pears), but only up to and including 4
  19.   (grapes), we can use:*/
  20. $('li').slice(2, 4).css('background-color', 'green')
  21.  

以上是关于使用.slice()方法仅设置列表中特定元素的样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS 表格样式仅适用于特定单元格,但会覆盖其他单元格

仅CSS:如果特定元素不适合容器,则将其隐藏

忽略仅包含空格的数组元素

CSS--选择器

仅更改某些 li 元素的列表样式[关闭]

如何仅为特定的 IE 浏览器设置 CSS?