修改<li>里的title字体颜色

最新推荐文章于 2022-03-04 09:44:05 发布

佛系人生

最新推荐文章于 2022-03-04 09:44:05 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：脚本

本文链接：https://blog.youkuaiyun.com/lixia1227/article/details/94002134

脚本专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用EasyUI框架中Tabs组件的例子，展示了如何通过jQuery选择特定的tab并修改其样式，具体为将第九个tab的标题颜色更改为橙色。此操作涉及到EasyUI的Tabs组件和jQuery的选择器及CSS属性更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(".tabs li:nth-child(9)").find(".tabs-title").css("color","#f77400");

li:nth-child(9)是第几个<li>

<div id="tabs" class="easyui-tabs" data-options="fit:true">
    <div title="病历" style="padding:0;border-bottom:1px solid #eee;">
        <iframe id="caseEdit" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
        <!-- <iframe id="caseEdit" src="/his/doctorWorkstation/casehistory" frameborder="0" style="width:100%;height:100%;"></iframe>-->
    </div>
    <div title="历史病历" style="overflow:auto;display:none;">
        <iframe id="historyCase" src="/views/shop/common/blank.html" frameborder="0" style="width:100%;height:100%;padding:5px;"></iframe>
    </div>
    <div title="完整病历" style="overflow:auto;display:none;">
        <iframe id="checkCompleteCase" src="/views/shop/common/blank.html" frameborder="0" style="width:100%;height:100%;padding:5px;"></iframe>
    </div>
    <div title="预约" style="overflow:auto;display:none;">
        <iframe id="booking" src="" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="收费" style="overflow:auto;padding:5px;display:none;">
        <iframe id="charge" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="影像报告" style="overflow:auto;padding:5px;display:none;">
        <iframe id="imageExam" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="图片采集" style="overflow:auto;display:none;">
        <iframe id="imageList" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="牙周检查" style="overflow:auto;display:none;">
        <iframe id="tooth_week" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div id="isconsult" title='咨询' style="overflow:auto;display:none;">
        <iframe id="consultContent" src="/views/shop/common/blank.html" frameborder="0" style="width:100%;height:100%;padding:5px;"></iframe>
    </div>
    <div title="数据报表" style="overflow:auto;display:none;">
        <iframe id="arrearageList" src="" frameborder="0" style="width:100%;height:100%;"></iframe>
    </div>
</div>