为了账号安全,请及时绑定邮箱和手机立即绑定

js如何给多个h4标签赋值

js如何给多个h4标签赋值

qq_慕粉8475296 2019-04-24 19:33:06
<div class="wrap">    <h4 class="test">编号:</h4>    <h4 class="test">编号:</h4>    <h4 class="test">编号:</h4></div>变成<h4 class="test">编号:001</h4><h4 class="test">编号:002</h4><h4 class="test">编号:003</h4>想请教下,这样子的该怎么实现?用js jquery 都可以
查看完整描述

11 回答

已采纳
?
起伏羊

TA贡献31条经验 获得超25个赞

<div class="wrap" id="wrap">
    <h4 class="test">编号:</h4>
    <h4 class="test">编号:</h4>
    <h4 class="test">编号:</h4>
    <h4 class="test">编号:</h4>
</div>
//考虑到你给的三位不足三位补0 编号从0开始,从1开始的话 num+1就好
<script>
    $(function(){
        $("#wrap .test").each(function(){
            num=$(this).index();
            //num=num+1,编号从001开始
                if(num<10){
                    $(this).html("编号:"+"0"+"0"+num);
                }else if(num>=10&&num<100)
                {
                    $(this).html("编号:"+"0"+num);
                }else{
                    $(this).html("编号:"+num);
                }
            })
        })
     </script>


https://img1.sycdn.imooc.com//5cc1773f000135b511310585.jpg


查看完整回答
1 反对 回复 2019-04-25
?
慕侠3793812

TA贡献1条经验 获得超0个赞

$(".test").each(function(index){

    $(this).text('编号:'+index)

});

查看完整回答
反对 回复 2019-04-25
?
黄沛元

TA贡献23条经验 获得超5个赞

$("[class=test]"),这样写,这会返回一个集合,遍历赋值即可

查看完整回答
反对 回复 2019-04-24
?
pardon110

TA贡献1038条经验 获得超227个赞

获取标签集合,迭代根据相应索引插值即可。

查看完整回答
反对 回复 2019-04-24
  • 11 回答
  • 0 关注
  • 3784 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信