爲什麼JS '身份證' 返回undefined

Question

下面是我的代碼：

var activeSlide = $('.slide').filter(':visible'); 
    var currentId = activeSlide.id; 
    console.log(activeSlide); 
    console.log(currentId); 

我的第一個控制檯日誌返回HTML對象：

[div#slide-2.slide.current, prevObject: p.fn.init[5], context: document] 

但我的第二個執行console.log（）將返回「未定義」。我在這裏錯過了什麼嗎？

Answer 1

你的activeSlide變量有一個jQuery對象分配給它，並且不會有「id」屬性。

您可以.prop()得到ID：

var currentId = activeSlide.prop("id"); 

，或者，如果你不想做一個函數調用：

var currentId = activeSlide[0].id; 

但是如果你這樣做你運行的風險如果確實沒有活動幻燈片，則爲例外。

Answer 2

我不知道我不能使用jQuery對象的JS id屬性。

我使用.attr('id')而不是.id解決了這個問題。