$ jQuery Đi qua (this) đến một chức năng

Question

Tôi có dòng mã như thế này:

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

Nó hoạt động tốt. Nhưng tôi cần phải chạy những dòng này nhiều lần. Vì vậy, tôi đã tạo một hàm và chuyển tham số $ (this) này cho một hàm:

myFunc($(this)); 

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

Nhưng theo cách này, nó không hoạt động.

Answer 1

bạn có thể kiểm tra liên kết này.

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 sẽ tự động gọi hàm của bạn với bối cảnh thích hợp thiết lập.

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

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