css()函数参数index用法

css()函数参数index用法

index是索引,如何才能通过index选中其中index等于几的元素呢

我用三元操作可以选出li

<ul id="list" class="list">
        <li>1</li>
        <li class="it2">2</li>
        <li>3</li>
        <li class="it4">4</li>
        <li>5</li>
        <li>6</li>
    </ul>
    <script src="jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
       $(document).ready(function(){
        var bt=$('.btn');
        bt.css('width','400px');
        $('li').css('background',function(index,value){
            return index%2==0? 'blue':'red';//用三元操作就可以实现
        })     
         });
        
</script>

但是单独定义index=1,却没办法把索引为1的li 单独改变背景,这样子设置所有li 都改变了颜色

$('li').css('background',function(index,value){
            console.log(index);
            index=1;
            return 'yellow';
        })

怎么样才能单独给通过索引单独改变某一个li的背景颜色,请老师解答


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
山河远阔ZZ 2019-01-14 16:32:41

同学你好,如果想要单独给指定的li标签设置样式的话,最简单的方式就是使用eq(index索引)方法,括号里面写的是你指定的index索引值:

http://img1.sycdn.imooc.com//climg/5c3c482e00019bad07100100.jpg

但是你在问题中的第二个截图中的方法,通过判断也是可以实现的,如下图:

http://img1.sycdn.imooc.com//climg/5c3c487700016f9607660237.jpg

但是第二种方式相对比较复杂。

老师在非常认真地为你解决问题呀,你却说老师不认真,呜呜呜呜~太伤心啦。

不过你以后有问题,老师还是会很认真的为你解决的,祝你学习愉快。

山河远阔ZZ 2019-01-14 13:49:44

同学你好,如果想单独给某个li标签设置样式,可以直接使用过滤选择器,通过索引直接指向某个标签,参考下图:

http://img1.sycdn.imooc.com//climg/5c3c22e40001c6cc05400162.jpg

祝学习愉快,望采纳!

  • 提问者 蛋蛋90斤 #1
    这个我知道,很清楚的问的是用index索引怎么做,还是说index没办法选中单独的li
    2019-01-14 13:56:12
  • 提问者 蛋蛋90斤 #2
    麻烦你认真对待我所提出的问题,不要想当然的回答一个结果来敷衍我,如果你无法解决,请让别的老师来解决,谢谢
    2019-01-14 16:00:52
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师