當在jQuery中遍歷DOM時，我怎麼知道我在哪個節點上？

Question

如果我使用jquery遍歷DOM，有沒有辦法輸出我正在使用的標籤類型？

標籤不具有ID的，所以我不能做：

.attr("id") 

我想到的只是提醒這個值，所以我知道大概我上標籤。

Answer 1

您使用tagName獲得標籤：

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

或者

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

請記住這個來自DOM元素，而不是從jQ​​uery選擇。

Answer 2

難道這不是.context以獲得傳遞給jQuery的dom對象嗎？

看看... http://api.jquery.com/context/

Answer 3

你也可以高亮顯示當前的元素，例如通過添加覆蓋其背景顏色或邊框的CSS類...

Answer 4

您正在使用Firefox進行開發嗎？使用Firebug和FireQuery。然後，如果您想檢查一個元素，只需在代碼中添加console.log($(curiousElement));即可。 Firebug會給你一個很好的總結。但是，使用FireQuery，您可以檢查整個jQuery對象。

Answer 5

如果你使用next（）和previous（）來遍歷DOM，你通常應該知道接下來要做什麼樣的元素。如果你不知道，你也可以提供選擇，以這兩種方法跳到你知道你什麼正在尋找：

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

您可以使用該標記名屬性從DOM元素像其他的答案，但你也可以做這樣的事情，如果你知道你期待什麼，並正在覈實一切都沒有改變：

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

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

所以，你可以檢查您發現該元素是否是你期待在那裏的元素， is（）也需要選擇器，因此您可以測試ID或類。