如何在jQuery中确定id的路径？

Question

我学习jQuery的最大问题是如何在文档中获取特定元素，id或类的路径？我安装了Firebug和Firebug jQuery扩展，但我没有找到确定完整路径的方法。有关n00b的任何提示吗？

Answer 1

我认为使用独特的JQuery功能是不可能的...因为我找到this。

Answer 2

您需要使用.parent（）和.parents（）函数设置自定义函数来遍历元素的父级。以下是一些信息：

http://api.jquery.com/parent/

和

http://api.jquery.com/parents/

您可以运行一个简单的脚本来检查是否存在并将其输出到数组或其他类型的变量。

伪代码：

function traverse_path(elementId) {
  if($('#' + elementId).parent()) {
    traverse_path($('#' + elementId).parent().attr('id'));
    return $('#' + elementId).parent().attr('id') + ' > ';
  } else {
    return null;
  }
}

Answer 3

如果您已经编写了有效的HTML，那么您只需要ID本身（元素的id属性中的部分）。如果您的id是“myID1”，那么您需要的jQuery选择器是$("#myID1")，假设您使用$进行jQuery。

如果您正在讨论遍历DOM树以获取没有ID的元素，请查看child selector，nth-child selector，函数.children()，:parent选择器， .parents()函数和.parent()函数。所有这些都可以帮助DOM traversal。

Answer 4

好吧，如果你使用的是Firebug，那么在检查任何元素时你可以简单地看一下。

但是这通常用于其他事情，并且使用整个事情既低效又不推荐用作jQuery选择器。

Answer 5

你的意思是你想要一直了解父母吗？查看this和this。

Answer 6

如果你只需要你的元素的路径，你也希望附加jquery，你会在检查后发现它是萤火虫面板中的面包屑。