如何使用 jQuery 查找元素的 id

Question

这是我遍历父母的html代码

  < body >    
     < div id="map" >

，直到找到主体

var pageFrom= $(theElement).parentsUntil( 'body' );    
var pageFromId = $(pageFrom).attr("id"); 

在firebug中找到地图我看到pageFrom [div#map.current]

问题是pageFromId是“”，它应该是“map”

Answer 1

如果您使用的是 parentsUntil()^{[docs]< /i>} 方法，它正在重新调整祖先的集合，从距离起点最近的到距离最远的。

因此，您需要访问集合中的最后一个来获取其 ID。

var pageFrom= $(theElement).parentsUntil( 'body' );
var pageFromId = pageFrom.last().attr('id');

或

var pageFrom= $(theElement).parentsUntil( 'body' );
var pageFromId = pageFrom.slice(-1).attr('id');

---

请注意，您还可以获取 ID 作为元素的属性：

var pageFromId = pageFrom.get(-1).id;

Answer 2

试试这个：

$(theElement).closest( 'map' );
or
$(theElement).closest( 'body' ).attr('id'); 

Answer 3

或许

pageFrom.first().attr("id")

？

但你应该更具体地说明你需要什么。你真的需要元素和主体之间的所有父母吗？否则，您可以使用.closest。

另外，在您的初始代码中，您不需要使用 $(pageFrom) 因为它已经是一个 jquery 对象。

Answer 4

我不太清楚你在这里问什么。但是，如果这里的模式是 之后的第一个

有一个 ID，而这就是您想要获取的内容，那么简单因为这应该可以解决问题：

$('body').find('div:first').attr('id');

没有理由向上遍历到文档的主体——应该总是有一个，所以为什么不从那里开始并向下工作呢？

Answer 5

来自文档：

给定一个 jQuery 对象来表示
一组 DOM 元素，
.parentsUntil()方法遍历
通过这些祖先
元素，直到到达一个元素
与传入的选择器匹配
方法的参数。由此产生的
jQuery 对象包含所有
祖先直到但不包括
与 .parentsUntil() 匹配的一个
选择器。

这意味着您尝试在元素数组上调用 attr，而不是最终元素本身。你到底想做什么？您想查找正文中的第一个元素，还是想查找与选择器匹配的最接近的元素？

// find first element of a type
$('div:first').attr('id')

// find closest element of a type
$(this).closest('div').attr('id')