jQuery的傳遞$（本）的功能

Question

我行代碼是這樣的：

$(this).parent().parent().children().each(function(){ 
    // do something 
}); 

它運作良好。但我需要多次運行這些線。 所以我創建了一個功能，並通過$（這）參數的函數：

myFunc($(this)); 

function myFunc(thisObj) { 
    thisObj.parent().parent().children().each(function(){ 
     // do something 
    }); 
} 

但這種方式，它沒有工作。

Answer 1

你可以查看這個鏈接。

http://jsfiddle.net/zEXrq/38/

$("#f").click(function() { 
 
    myFunc($(this)); 
 
}) 
 

 
function myFunc(thisObj) { 
 
    thisObj.parent().parent().children().each(function() { 
 
    alert("childs") 
 
    }); 
 
}

<div id="wordlist"> 
 
    <div id="a"></div> 
 
    <div id="b"> 
 
    <div id="e"></div> 
 
    <div id="f">child</div> 
 
    </div> 
 
</div> 
 

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

Answer 2

jQuery將自動設置適當的情況下調用你的函數。

$('#button').on('click', myFunction); 

function myFunction() { 
    var that = $(this); 
    console.log(that); 
}