我需要通过对象引用在其容器内找到元素索引.奇怪的是,我找不到一个简单的方法.没有jQuery请 - 只有DOM.
UL
LI
LI
LI - my index is 2
LI
Run Code Online (Sandbox Code Playgroud)
是的,我可以为每个元素分配ID并循环遍历所有节点以匹配ID,但这似乎是一个糟糕的解决方案.是不是有更好的东西?
所以,假设我有一个对象引用第三个LI,如上例所示.我怎么知道它是索引2?
谢谢.
我想找到给定DOM节点的索引.这就像做的反过来
document.getElementById('id_of_element').childNodes[K]
Run Code Online (Sandbox Code Playgroud)
我想提取K给定的值,我已经有了对子节点和父节点的引用.我该怎么做呢?
我有以下代码片段(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在开发工具中检查了但是没有看到任何我可以用来获得它的东西.
怎么能实现这一目标?
我有以下代码提示用户选择图像:
<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,但想知道是否有更简单的路线.