运用div css和java_如何将css应用于div模式

div[class^="edit-text-field-"] {

}

EDIT: Jquery解决方案

由于你没有清楚地提到你是否试图改变div或输入元素的背景颜色，我假设你想要将每个输入包装在div中并为它们着色 .

以下是示例代码段 .

关键点 .

1. 我在所有输入上使用了filter()来使用 regex 过滤掉单个数字id 's and double digit id'

^edit-text-field-\d+$ - >确保选择id为 edit-text-field-12 ， edit-text-field-17

^edit-text-field-\d+-\d+$ - >确保选择id为 edit-text-field-12-23 ， edit-text-field-17-21 等 .

2. 一旦元素被过滤，我使用 wrap 用div和适当的类名包装它们以获得背景颜色 .

希望这有用 .

var singleNumberPatternElements = [];

var doubleNumberPatternElements = [];

$('input').filter(function(){

return this.id.match(/^edit-text-field-\d+$/g);

}).wrap('

$('input').filter(function(){

return this.id.match(/^edit-text-field-\d+-\d+$/g);

}).wrap('

.singleNumber{

background-color:blue;

}

.doubleNumber{

background-color:Red;

}

运用div css和java_如何将css应用于div模式相关推荐

css img重复_20 个 CSS 快速提升技巧
code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群转载自:http://www.javanx.cn/20190321/css-skill/本文涵盖了20个css技巧,可以 ...
minui 向div放html,c# – 如何添加css类到html通用控件div？
我创建了一个div标签这样: System.Web.UI.HtmlControls.HtmlGenericControl dynDiv = new System.Web.UI.HtmlControls ...
CSS设置样式时，鼠标移动到div上，发生抖动问题解决办法
出现抖动现象背后的原因比如你可能会遇到这样的场景,就是有一个div块,当鼠标悬浮的时候,需要添加一个border(比如多个div块以卡片的形式排列起来).你可能会考虑写成这样的CSS: div:ho ...
CSS弹出二级多列菜单和DIV布局实例 - 仿IBM官网首页
图顶层CSS菜单,弹出二级菜单,二级菜单多列: 主体部分三个DIV布局: 这个是IBM官网布局的样子: 代码,拿去花吧:我的奶酪很多: 有不清楚的地方可以问我,qq 513979805 <!D ...
应用css div进行页面布局设计,利用CSS与DIV进行页面布局.ppt
<利用CSS与DIV进行页面布局.ppt>由会员分享,可在线阅读,更多相关<利用CSS与DIV进行页面布局.ppt(6页珍藏版)>请在人人文库网上搜索. 1.利用CSS与DIV ...
html div英文自动换行,div 实现长英文字母自动换行CSS
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法最佳CSS定义换行代码 .wrap { table-layout:fi ...
css背景上能添加文字,如何利用div+css来给背景图片上文字布局
这段时间设计了一个专题页面,上传到网站上去,打开这个网页一看,问题来了,这网页只是一个图片,没有文字,在后台添加的时候才知道只能在图片的下面显示文字. 我想到了可以将图片设为背景,然后在上面添加问题, ...
html添加靠左的图片,div 居左靠左布局 CSS居左靠左布局
DIV居左靠右显示篇 DIV靠右居左需要CSS样式单词为CSS浮动float,设置float:left即可实现DIV盒子居左显示. 小例: 为了观察DIV是否靠左显示,我们设置其css宽度为300px ...
CSS系列之美化网页/span标签和div标签/字体样式/文本样式
CSS系列之美化网页/span标签和div标签/字体样式/文本样式 01 span标签和div标签 span标签的作用能让几个文字或者某个词语凸显出来属于行内元素 div标签属于块级元素程序示 ...

运用div css和java_如何将css应用于div模式

运用div css和java_如何将css应用于div模式相关推荐

最新文章

热门文章