相同的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的增删改

在忙碌了一个星期之后,今天终于有了空闲时间,决定把这一周来遇到的问题和学习到的知识通过写博客的形式记录下来,一是为了加深印象,二是当一个记录,方便以后查看。本萌新还是只小猴子,本文有什么欠缺或者另有高...
  • github_37710255
  • github_37710255
  • 2017年09月23日 16:45
  • 486

js修改html中class属性

用到js修改html的class属性值,归纳总结下: 一、获取class属性值 var value = $("div").attr("class"); //这里获取class属性值 var arra...
  • u010393758
  • u010393758
  • 2016年10月22日 01:05
  • 16053

js获取不div下class相同的div

获取div111下的divclass数量: js: var oDiv = document.getElementById("div111"); var aDiv = oDiv.getElemen...
  • a695422768
  • a695422768
  • 2017年03月30日 10:56
  • 1366

关于JS修改标签的class属性

近日,项目中,要用到动态的去修改td的class属性.由于对JS不熟悉,调试了N久:document.getElementById("td").class = "css_sty";document.g...
  • huachao1
  • huachao1
  • 2009年08月06日 21:52
  • 7257

用原生js写个class切换

*{margin:0;padding:0;} #toggle{ width:100%; height:100px; display:flex; display:-webkit-flex; ...
  • u013247277
  • u013247277
  • 2017年04月24日 16:12
  • 980

js 添加删除替换class 类

//删除类 //添加类 //替换类
  • gh1205
  • gh1205
  • 2016年07月27日 16:26
  • 5767

[前端] js点击按钮改变样式

有时候我们希望实现点击按钮并切换样式的效果,一个简单的方法是链接到另一个页面,但是,在有些情况下,我们不希望这么做,因为我们改变的只是页面的很小一部分,我们没有必要为了这一小部分而刷新整个界面。另外,...
  • ZJU_fish1996
  • ZJU_fish1996
  • 2016年07月20日 17:20
  • 14476

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

一、el.setAttribute('class','abc'); 代码如下: .abc { background: red; }test div var div = docum...
  • qq877507054
  • qq877507054
  • 2016年08月30日 13:23
  • 4178

多个同名ID/class,点击那个取得当前那个的值和属性值

多个同名ID/class/函数,点击那个取得当前那个的值和属性值 Title $(".test").live("click",function(){ v...
  • haibo0668
  • haibo0668
  • 2017年05月19日 12:12
  • 859

jquery对多个相同id的赋值

不闲聊,具体代码: HTML代码: js代码: $("div [id=aaa]").each(function(){ console.log(2); $(this...
  • u011561335
  • u011561335
  • 2017年07月11日 10:46
  • 1001
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:相同的class怎么用js判断内容并修改成相应内容?
举报原因:
原因补充:

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