jQuery的 - 呼叫功能的元素

Question

我想調用一個函數來顯示和修改了這樣的內容上：

$('#element').someFunction(); 

我寫了這個功能：

function someFunction(){ 
    $(this).show(); 
    //other stuff 
} 

但這不工作。 有人可以給我一個提示如何解決這個問題。

Answer 1

你可以extend jQuery並創建一個自定義的方法：

$.fn.someFunction = function() { 
 
    return this.hide(); 
 
}; 
 

 
$('.element').someFunction();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="element">This should be hidden.</div> 
 
<div class="element">This should be hidden.</div>

內部.hide()將遍歷每個元素，但如果你想手動做到這一點，你可以只利用.each()方法：

$.fn.someFunction = function() { 
    return this.each(function() { 
    // 'this' refers to the element here 
    }); 
};