根据不同的值给父级div添加class样式
2017-08-25 21:06
295 查看
页面
<div class="total-item" >
<div class="total-item-tips" style="background-color: #ED7D31"></div>异常单<br/>
<span id="count_error">0</span>
</div>
css样式
.count_errors{
1px solid red;
}
js样式
$("#count_error").html(data.summary_count['error']);
if(data.summary_count['error']>0){
$("#count_error").parent().addClass('count_errors');
}else{
$("#count_error").parent().removeClass('count_errors');
}
注:$("#count_error").parent()取id为count_error的div的父级
<div class="total-item" >
<div class="total-item-tips" style="background-color: #ED7D31"></div>异常单<br/>
<span id="count_error">0</span>
</div>
css样式
.count_errors{
1px solid red;
}
js样式
$("#count_error").html(data.summary_count['error']);
if(data.summary_count['error']>0){
$("#count_error").parent().addClass('count_errors');
}else{
$("#count_error").parent().removeClass('count_errors');
}
注:$("#count_error").parent()取id为count_error的div的父级
相关文章推荐
- vue 里面通过v-for循环出来多个相同样式的div,根据index值给每个div添加不同的id名
- jQuery给多个不同元素添加class样式的方法
- 【css】——根据div个数显示不同的样式
- js 根据ID或者Class在指定位置添加div
- jquery实现根据不同class为多个按钮添加点击事件
- css基础 交集选择器 为指定标记中的指定的class添加样式
- 用css3选择器给你要的第几个元素添加不同样式方法
- Visual Studio如何根据不同的解决方案配置添加不同的宏
- vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
- css基础 交集选择器 为指定标记中的指定的class添加样式
- 根据class显示或隐藏多个div
- 动态添加、删除class样式
- C# WinForm (笨方法)根据不同的样式配置 设置窗体相关控件的背景 以改变窗体风格
- JS添加或修改控件的样式(Class)
- 动态添加class名,改变标签样式(包含鼠标移入、移出及点击事件)
- 响应式布局(css,js,php等方法),根据媒体类型设计不同的样式,css在线手册
- struts2 根据验证错误信息的不同,显示不同样式
- yii CGridView 如何根据字段值来显示不同的自定义按钮或者文字或不同样式(转)
- jqgrid setCell 根据单元格 值的不同 设置不同的样式 属性
- class 样式的添加,删除,切换 【选择器】