select标签中的option内容设置不同样式_select的option 样式-程序员宅基地

技术标签： css javaScript html javascript jquery css3

做项目时遇到一个问题，下拉框里面的文本设置不同颜色标识，但是，发现option里面的内容都会当做文本输出，无法实现以下效果：
在这里插入图片描述
找了好多方法，发现可以在外部写，下拉框渲染完毕之后，再对option里面的文本做处理，就可以实现；
刚开始，直接在option内部写：

此时，颜色不生效；
应该单独写一个方法来实现：

//1.获取所有的option节点，用变量储存
var dom = $('#selectpicker-box option');
//2.循环这些节点
	for(var i=0;i<dom.length;i++){
	//获取每个option的内容
		var domValue = $(dom[i]).text();
		//将内容取出 拼接上自己要的样式 再放入option中
		$(dom[i]).html(domValue + '<span style="color:red;">测试</span>');
	}

以上方法即可简单实现。

本文链接：https://blog.csdn.net/shmilyt_/article/details/103902905

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

4.at一次性计划任务-crond周期性计划任务-程序员宅基地

at：管理一次性任务计划at一次性任务设置at命令设置的计划任务只在指定的时间点执行一次，前提是对应的系统服务atd必须已经运行。需要注意的是，计划任务执行的时间、日期必须安排在当前系统的时候之后，否则将无法正确设置计划任务。设置一次性计划任务时，在at命令行中依次指定计划任务的时间、日期作为参数（若只指定时间则表示当天的该时间，若只指定日前则表示该日期的当前时间），确认后将进入带“at>”提示符的任务编辑界面，每行设置一条执行命令，可以一次设置多条语句，最后ctrl+D组合键提交任务即可。所设

多层神经网络_多层神经网络例子-程序员宅基地

背景上一章通过实验验证了单层神经网络的拟合功能。但是在实际环境中，发现这种拟合的效果极其有限。对于某些样本，即便是Maxout也无法解决问题。追究根本，源于样本本身的特性，即单层神经网络只能结果对线性可分的问题。线性可分与线性不可分可以用直线（或平面）分割的方式解决问题，则可以说这个问题是线性可分的。同理，类似这样的数据集就可以被称为线性可分数据集合。非线性问题，就是用直线（或平面）分..._多层神经网络例子

小米wifidhcp服务器没有响应,小米路由器dhcp服务没有响应怎么解决-程序员宅基地

摘要腾兴网为您分享:苹果手机，番茄小说，闲聊app，蚂蚁深林，微博等知识经验教程，欢迎大家关注腾兴网。小米路由器是很多家庭的选择，使用中也会碰到一些问题，很多小伙伴碰到的问题是dhcp服务没有响应，怎么解决呢，小编来为大家介绍。小米路由器dhcp服务没有响应怎么解决本地服务中的wired autoconfig服务没有设为自动。解决方法：1、运行->services.msc2、找到wire ..._小米路由器4cdhcp无响应

CCPC2019邀请赛-程序员宅基地

1001 水题化简后为 x&y 输出即可1002 主席树+优化

『0008』- Solidity中public、internal、private在状态变量和函数中的使用以及Solidity智能合约继承、重写_solidity 调用 public 变量-程序员宅基地

孔壹学院：国内区块链职业教育领先品牌作者：黎跃春，区块链、高可用架构工程师微信：liyc1215 QQ群：348924182 博客：http://liyuechun.org在上一小节中我们在函数参数中使用storage这个关键字时，当前的函数必须是internal或者private类型。在本小节中，我（微信：liyc1215）将重点为大家介绍属性和函数的使用权限。状态变量、_solidity 调用 public 变量

数仓建模（维度建模）_数据仓库维度建模-程序员宅基地

本文主要介绍什么是建模？模型的好处？建模的方法和维度建模。从基本概念、维度、事实、为何分层和建模步骤等角度详细介绍维度建模。_数据仓库维度建模

随便推点

成功解决expected type range vector in call to function “avg_over_time“, got instant vector_parse error: expected type instant vector in aggre-程序员宅基地

解决expected type range vector in call to function “avg_over_time“, got instant vector_parse error: expected type instant vector in aggregation expression, got ran

jxl 读取excel数据-程序员宅基地

import java.io.IOException;import jxl.Sheet;import jxl.Workbook;import jxl.read.biff.BiffException;public class Read { private java.io.File inputWorkbook; // private java.io.File outputWorkbook..._jxl读取excel

oracle解锁表和用户,oracle数据库解锁表、删除用户和表空间等操作讲解-Oracle-程序员宅基地

oracle数据库解锁表、删除用户和表空间等操作讲解解锁表SELECT s.sid, s.serial#, s.username, s.schemaname, s.osuser, s.process, s.machine,s.terminal, s.logon_time, l.typeFROM v$session s, v$lock lWHERE s.sid = l.sidAND s.userna..._select s.sid, s.serial#, s.username, s.schemaname, s.osuser, s.process, s.ma

使用ZooKeeper作为SpringCloud的配置中心（支持zookeeper的观点）_spring.cloud.zookeeper.connect-string-程序员宅基地

为什么要使用配置中心？项目中常用的一些配置，例如数据库的配置等，一般都是直接写死在项目中。如若更改，简单暴力的办法就是修改配置文件后再上传。单个或小型分布式项目部署的微服务所需的配置都很少，但集群若有上百台或者更多的机器，一个个地修改可就不那么好办了，因此使用配置中心作统一的配置管理是非常有必要的。在SpringCloud项目中，官方推荐使用SpringCloud Conf..._spring.cloud.zookeeper.connect-string

C++类型转换-程序员宅基地

//类型转换;//在C语言中有两种转换方式：隐式转换，显示转换（强制类型转换）;/*//强制类型转换;double f = 1.2f;int n = (int)f;char* p = (char*)malloc(1024);//malloc一般返回的是void*类型;*///C++的类型转换;/*常见的几种方式;1、静态类型转换：static_cast(变量);需要编

Redis异常报错：redis.clients.jedis.exceptions.JedisException Could not get a resource from the pool_redis.clients.jedis.jedisfactory - error while qui-程序员宅基地

Redis异常报错：redis.clients.jedis.exceptions.JedisException: Could not get a resource from the pool贴出错误截图大家看错误日志分析的时候一定要细心把关键节点的错误信息看清楚再去找资料的时候仔细比对错误好进入正题解决方法是Redis拒绝我们是因为redis.conf配置文件中默认打开bind 127.0.0.1 我们要把他注释掉注释之后我们重启这里去读了我们自己的配置文件但是发现还是报错_redis.clients.jedis.jedisfactory - error while quit