jquery的錯誤

Question

我有這段代碼，但它似乎有錯誤。該錯誤說Uncaught typeError對象＃沒有方法'HasScrollBar'是否有代碼有問題？該HasScrollbar方法在功能上的頂部聲明，但它似乎不能找到它，請參閱下面的代碼

$.fn.HasScrollBar = function() { 
    //note: clientHeight= height of holder 
    //scrollHeight= we have content till this height 
    var _elm = $(this)[0]; 
    var _hasScrollBar = false; 
    if ((_elm.clientHeight < _elm.scrollHeight) || 
     (_elm.clientWidth < _elm.scrollWidth)) { 
     _hasScrollBar = true; 
    } 
    return _hasScrollBar; 
} 

function ab() { 
    var a = $('td'); 
    $.each(a, function (i, data) { 
     var check = data.HasScrollBar(); 
     if (check == true) { 
      data.addClass('Overflow'); 
      data.attr('title', data.text()); 
     } 
     data.attr('title', data.text()); 
     debugger; 
    }); 

}; 
$('.Test').on('click', function() { 

    ab(); 
}); 

Answer 1

的$.each()第二個參數（在這種情況下data）是一個DOM元素，而不是一個jQuery對象，它沒有jQuery方法。你需要做的第一包裝在一個jQuery元素：

$.each(a, function (i, data) { 
    var $data = $(data); 
    var check = $data.HasScrollBar(); 
    if (check == true) { 
     $data.addClass('Overflow'); 
     $data.attr('title', $data.text()); 
    } 
    $data.attr('title', $data.text()); 
}); 

Answer 2

因爲你不需要櫃檯，你可以在集合

而且無需添加內部和外部的稱號。每運行如果

$('td').each(function() { 
    var $this = $(this); 
    $this.toggleClass('Overflow',$this.HasScrollBar()); 
    $this.attr('title', $this.text()); 
});