问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

问一下原生的js中如何得到td在tr中的索引吗？类似jQuery中的index()方法这样的？

头像
小虾饺
    231219
    
<html>
<body>
<table>
<tr>
<td id="a">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<body>
<script src='http://172.29.5.201/assets/js/core/jquery.min.js'></script>
<script>
alert($("#a").index());</script>
</html>
    javascript
    阅读 3.3k
    3 个回答
    得票最新
    头像
    可好了
      1.6k1316
      function searchIndex(id){
    //获取 td
    var td = document.getElementById("td");
    //获取所有的 td
    var arr = Array.from(td.parentNode.children);

    //遍历
    arr = arr.filter(function(item){
        return td == item;
    });
}
      头像
      阿蛇
        3k31733
        function getIndexFromDomOrSelector(domOrSelector){
    let dom;
    // 检查是dom还是Selector
    if(domOrSelector instanceof HTMLElement || domOrSelector instanceof Element){
        dom = domOrSelector;
    }else if(typeof domOrSelector === "string"){
        dom = document.querySelector(domOrSelector);
        if(!dom) throw new Error("selector无效，找不到dom")
    }else{
        throw new Error("参数不合法");
    }
    // 获取所有的兄弟节点
    const brothers = Array.from(dom.parentNode.children);

    return brothers.indexOf(dom);
}

// 方式1
getIndexFromDomOrSelector("#a")
// 方式2
const td = document.getElementById("a");
getIndexFromDomOrSelector(td)
        头像
        jjjjyx
          21
          新手上路，请多包涵
          document.getElementById('a').cellIndex
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题