相关疑难解决方法(0)

JavaScript DOM:在容器中查找元素索引

我需要通过对象引用在其容器内找到元素索引.奇怪的是,我找不到一个简单的方法.没有jQuery请 - 只有DOM.

UL
 LI
 LI
 LI - my index is 2
 LI
Run Code Online (Sandbox Code Playgroud)

是的,我可以为每个元素分配ID并循环遍历所有节点以匹配ID,但这似乎是一个糟糕的解决方案.是不是有更好的东西?

所以,假设我有一个对象引用第三个LI,如上例所示.我怎么知道它是索引2?

谢谢.

html javascript dom parent-child

66
推荐指数
8
解决办法
10万
查看次数

查找DOM节点索引

我想找到给定DOM节点的索引.这就像做的反过来

document.getElementById('id_of_element').childNodes[K]
Run Code Online (Sandbox Code Playgroud)

我想提取K给定的值,我已经有了对子节点和父节点的引用.我该怎么做呢?

javascript dom

59
推荐指数
3
解决办法
5万
查看次数

在Vanilla JS中jQuery`index()`等效

我有以下代码片段(currentUser类在不同的列表项上,具体取决于谁正在查看页面).

<ul>
    <li>user 1</li>
    <li>user 2</li>
    <li class="currentUser">user 3</li>
    <li>user 4</li>
</ul>

var curLth = jQuery('.currentUser').index();
console.log(curLth); //outputs 2
Run Code Online (Sandbox Code Playgroud)

我正在处理的网站没有加载jQuery,所以我想知道哪个列表项currentUser没有使用jQuery

我已经NodeList在开发工具中检查了但是没有看到任何我可以用来获得它的东西.

怎么能实现这一目标?

javascript jquery dom

6
推荐指数
1
解决办法
2225
查看次数

如何确定在Javascript中在父级中单击了哪个子图像

我有以下代码提示用户选择图像:

<div id="frame1" class = "quizFrame quizFrame1">
  <p>Which image do you identify with?</p>
  <img class = "quizImg" src="images/person1.jpg" alt="" onclick ="ShowNext();" >
  <img class = "quizImg" src="images/person2.jpg" alt="" onclick = "ShowNext();">
  <img class = "quizImg"src="images/person3.jpg" alt="" onclick = "ShowNext();">
  <img class = "quizImg" src="images/person4.jpg" alt="" onclick = "ShowNext();">
</div>
Run Code Online (Sandbox Code Playgroud)

单击图像后,我想确定单击了哪个图像.

有办法以某种方式检索图像的索引吗?(例如,如果单击person1,索引将为0或1)?

我知道我可以为每个图像分配ID,但想知道是否有更简单的路线.

html javascript

2
推荐指数
1
解决办法
798
查看次数

标签 统计

javascript ×4

dom ×3

html ×2

jquery ×1

parent-child ×1