在jquery中遍历DOM时，如何确定我所在的节点？

Question

如果我使用jquery遍历DOM，有没有办法输出我所使用的标记类型？

标签没有ID，所以我不能这样做：

.attr("id")

我正在考虑提醒这个值，所以我大致知道我在哪个标签上。

Answer 1

您使用tagName获取代码：

$('.class').get(0).tagName;

或者

$('.class')[0].tagName;

请记住，这来自DOM元素，而不是来自jQuery选择器。

Answer 2

您是在使用Firefox进行开发吗？使用Firebug和FireQuery。然后，如果要检查元素，只需在代码中粘贴console.log($(curiousElement));即可。 Firebug会给你一个很好的总结。但是，使用FireQuery，您可以检查整个jQuery对象。

Answer 3

获取传递给jQuery的dom对象不是.context吗？

请参阅... http://api.jquery.com/context/

Answer 4

您还可以突出显示当前元素，例如通过添加一个覆盖其背景颜色或边框的CSS类...

Answer 5

如果您使用next（）和previous（）遍历DOM，通常应该知道您预计接下来会使用哪种元素。如果您不确定，您还可以为这两种方法提供选择器，以跳过您所知道的内容：

$('currentElement').next('div')

您可以像使用其他答案一样使用DOM元素中的tagName属性，但如果您知道自己期望的内容并且验证没有任何更改，您也可以执行此类操作：

var $next = $('currentElement').next();

if ($next.is('a')) { ... }

因此，您可以检查您找到的元素是否是您期望的元素，并且（）也会选择选择器，以便您可以测试ID或类。