在 jQuery 中使用 href="javascript:..." 访问 $(this)

Question

我正在使用 jQuery。我用下一个 html 调用 JavaScript 函数：

<li><span><a href="javascript:uncheckEl('tagVO-$id')">$tagname</a></span></li>

我想删除li 元素，我认为使用$(this) 对象会很容易。这是我的 JavaScript 函数：

function uncheckEl(id) {
    $("#"+id+"").attr("checked","");
    $("#"+id+"").parent("li").css("color","black");                 
    $(this).parent("li").remove();  // This is not working
    retrieveItems();
}

但是$(this) 是未定义的。有什么想法吗？

Answer 1

尝试这样的事情（例如隐藏<li>）：

function unCheckEl(id, ref) {
  (...)
  $(ref).parent().parent().hide(); // this should be your <li>
}

还有你的链接：

<a href="javascript:uncheckEl('tagVO-$id', \$(this))">

$(this) 不存在于您的函数中，因为它应该如何知道从何处调用该操作？您没有在其中传递任何引用，因此 $(this) 可以引用除 <a> 之外的所有内容。

Answer 2

为什么不这样：

<li id="uncheck_tagVO-$id">$tagname</li>

和

$('li').click( function() {
    var id = this.id.split("_")[1];
    $('#'+id).attr("checked","").parent("li").css("color","black"); 
    $(this).remove();
    retrieveItems();
});