jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 返回元素的完整路径?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一种方法来查找单击元素的完整路径.

例如,假设我有这个HTML代码

<div> <ul> <li>item 1</li> <li>item 2</li> </ul> </div>
<div> <ul> <li>item 1</li> <li>item 2</li> </ul> </div>

我希望能够返回点击的路径(不知道还有什么叫它)
元件. alert()现在会做.

假设我点击了第二个div中的第二个li元素.我想打个电话
后面的:

div:eq(1) li:eq(1)

如果我点击第一个div的第一个li元素,它将是:

div:eq(0) li:eq(0)

我该怎么办?

是否有可以执行此操作的插件,或者我是否需要从头开始获取路径中的元素索引?

谢谢 :)

解决方法

这是您重建完整路径的方法
var q = $(this)
  .parentsUntil('body')
  .andSelf()
  .map(function() {
    return this.nodeName + ':eq(' + $(this).index() + ')';
  }).get().join('>');

受到this answer的启发.

大佬总结

以上是大佬教程为你收集整理的jquery – 返回元素的完整路径?全部内容,希望文章能够帮你解决jquery – 返回元素的完整路径?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: