关闭

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

标签: javascript前端jquery
782人阅读 评论(0) 收藏 举报
分类:

一般都是通过获取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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:6408次
    • 积分:314
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    文章分类
    友情链接