嘗試更改圖像狀態時未捕獲TypeError

Question

我試圖編寫一段代碼，當單擊按鈕時，它會檢查圖像列表，檢查它是否具有「視頻」ID，如果它確實如此顯示覆蓋圖並移除那裏的玩家。

我不斷收到此錯誤：

Uncaught TypeError: Cannot call method 'indexOf' of undefined 

這裏是代碼：

$("#actions .btn").click(function(){ 
     $('.span img').each(function(){ 
      if($(this).attr('id').indexOf('video') != -1){ 
       var spanid = $(this).attr('id').replace(/video/, ''); 
       $(this).removeClass('hideicon'); 
       $('#mediaplayer' + spanid + '_wrapper').remove(); 
      } 
     }); 
}); 

Answer 1

的.attr()方法將返回undefined，如果你正在尋找的屬性沒有在元素上存在。我建議增加一個額外的檢查，以你的條件：

var id = $(this).attr('id'); 
if(id && id.indexOf('video') != -1) { 
    //OK! 
} 

從文檔：

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set.

有趣的是，本機getAttribute函數返回null對於尚未設置的屬性。 jQuery，由於某種原因，explicity checks for this並返回undefined，而不是：

ret = elem.getAttribute(name); 

// Non-existent attributes return null, we normalize to undefined 
return ret === null ? undefined : ret;