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

将引用作为参数传递：

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

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

Answer 2

您可以使用 .call() 根据您的请求设置 this 的值。

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

现在，在 deletePerson 函数中，this 将成为元素。

function deletePerson(id) {
  $(this).parent().remove(); // will work
  // [...]
  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;

});