相同的class怎么用js判断内容并修改成相应内容?

原创 2016年08月30日 14:41:00

一般都是通过获取id来实现替换,而class并不是唯一,怎么批量替换相同class下的内容呢

    <div id="b1" class="b1">5</div>
    <div id="b2" class="b1">1</div>
    <div id="b3" class="b1">2</div>

<script type="text/javascript">
    var reason_obj = {
        0: "借款逾期",
        1: "法律方面原因 如有被法院执行记录等",
        2: "每月还息,网络上的不良信息",
        3: "其它行业黑名单(如租车等)",
        4: "因为风险问题而被机构拒绝",
        5: "未知",
    }
    //jquery实现
    $(".b1").each(function() {
      var div = $(this);
      var n = div.text();
      div.text(reason_obj[n]);
    });
    //js实现
    for(i=0;i<3;i++){
     a=document.getElementsByClassName('b1')[i].innerHTML;
     document.getElementsByClassName('b1')[i].innerHTML = reason_obj[a];
    }
</script>

这其中对我来说有两个盲点:
1、document.getElementsByClassName(‘b1’)[i]获取第几个b1
2、当对象里的名字为数字是怎么调用reason_obj[a],一般为字母是reason_obj.a

版权声明:本文为博主原创文章,未经博主允许不得转载。

原生Js通过class属性值获取对象

原生Js通过class属性值获取对象 window.onload = function(){ console.log(getElementByClassName("tag").length); ...
  • wow4464
  • wow4464
  • 2016年01月04日 15:03
  • 16021

js获取class值相同的div的数量

转载:http://www.jsahz-qq.cn/?id=1143 function getElementsByClassName(n) {     var classElements ...
  • a249130
  • a249130
  • 2017年01月20日 10:31
  • 1912

js修改html中class属性

用到js修改html的class属性值,归纳总结下: 一、获取class属性值 var value = $("div").attr("class"); //这里获取class属性值 var arra...

js中设置元素class的三种方法小结

一、el.setAttribute('class','abc'); 代码如下: .abc { background: red; }test div var div = docum...

js获取不div下class相同的div

获取div111下的divclass数量: js: var oDiv = document.getElementById("div111"); var aDiv = oDiv.getElemen...

JS动态修改界面元素后,其增加元素的class无效

首先说明下背景: JS动态添加删除

用javascript修改html元素的class

.testNormal { border:1px solid black; } .testOver { background:#999999; border:1px solid black;...

mui 滑动切换相应内容的js案例

1.首先引入相关css以及js文件 mui.min.css mui.min.js zepto.min.js icons-extra.css 2.html相关代码 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:相同的class怎么用js判断内容并修改成相应内容?
举报原因:
原因补充:

(最多只允许输入30个字)