jQuery：使用$（this）內函數？

Question

有沒有在jQuery函數中使用$(this)的方法？

HTML

<ul> 
    <li class="delete"><a onclick="deletePerson(12);" href="">Delete</a></li> 
</ul> 

jQuery的

function deletePerson(id) { 
    $(this).parent().remove(); // doesn't work 
    // [...] 
    return false; 
} 

Answer 1

您可以使用.call()設置的this值作爲你的要求。現在

<a onclick="deletePerson.call(this, 12);" href="">Delete</a> 

在deletePerson功能，this將成爲元素。

function deletePerson(id) { 
    $(this).parent().remove(); // will work 
    // [...] 
    return false; 
} 

Answer 2

傳遞一個引用作爲參數：

<ul> 
    <li class="delete"><a onclick="deletePerson(this, 12);" href="">Delete</a></li> 
</ul> 

function deletePerson(link, id) { 
    $(link).parent().remove(); 
    // [...] 
    return false; 
} 

Answer 3

你並不需要有JS鏈接本身因爲你使用的是JS。

HTML

<ul> 
    <li class="delete"><a onclick="deletePerson(12);" href="">Delete</a></li> 
</ul> 

jQuery的

$('.delete').find('a').bind('click', function() { 

    $(this).parent().remove(); 
    return false; 

});