javascript - 如何获取具有相同类名的span元素名称

标签 javascript jquery html

我想使用javascirpt获取span元素的名称,下面是代码。

HTML

<span class="myClass" name="q1"></span>
<span class="myClass" name="q1"></span>
<span class="myClass" name="q1"></span>

JS

var spans = document.getElementsByClassName("myClass");
              j=1;
              for(var i=0; i < spans.length; i++){
                 alert("i value is==>"+i);                
                  spans[i].innerHTML=j;
            var obj=spans[i];
            alert("name==>"+obj.name);
                  j++;                  
              }

请提出建议,因为名称未定义。

最佳答案

在 jQuery 中,它是:

$('.myClass').each(function(){
    console.log( $(this).attr('name') )
})

    $('.myClass').each(function(){
        console.log( $(this).attr('name') )
    })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="myClass" name="q1"></span>
<span class="myClass" name="q1"></span>
<span class="myClass" name="q1"></span>

关于javascript - 如何获取具有相同类名的span元素名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42681852/

相关文章:

javascript - 为 Cypress 创建静态内容选择器

javascript - Angular Firebase 通过订阅监听 foreach 变化

javascript - jquery defer 在调用 .done 之前不等待

javascript - 如何使 JQuery 切换不移动元素?

javascript - 具有指定高度的 div 内的 Bootstrap 3 Css 文本

javascript - 当 div 在页面顶部时,jQuery 不会悬停动画

javascript - 使用键盘中的箭头键禁用 map 平移

javascript - 在 JavaScript 中验证联系号码

css - 在 div 中安装 iframe

javascript - socket.io 是否允许您将自定义数据发送到 TCP 端口?