2010-11-17 64 views
1

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

+7

ID是唯一的......为什么你需要完整的路径? – 2010-11-17 15:44:11

+0

我创建[了一个新问题(http://stackoverflow.com/questions/4206802/why-isnt-my-row-getting-added-to-my-table)澄清我在那里与此去。 – 2010-11-17 16:40:21

回答

1

我认为这是不可能的独特的jQuery函数...因为我发现this

+0

链接不起作用了。 – takeshin 2012-10-22 19:50:18

1

您需要建立一个自定义函数使用.parent()和。家长()函数来遍历元素的父母。下面是一些信息:

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; 
    } 
} 
1

如果你已经写了有效的HTML,所有你需要的是ID本身(在你的元素的id属性的部分)。如果你的id是“myID1”,你需要的jQuery选择器是$("#myID1"),假设你使用$作为jQuery。

如果你正在谈论遍历DOM树来获得元素,而ID,窥视child selector,则nth-child selector,功能.children():parent选择器,.parents()功能和.parent()功能。所有这些都可以帮助DOM traversal

1

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

alt text

但是,通常用于其他的东西,并用整个事情是一种效率低下,如果用作jQuery选择不推荐使用。

1

如果你只需要你的elemnt你希望的jQuery太重视的路径,你会发现它的检查之后的萤火虫面板中的面包屑。