我有一个发布到网址(ajax)的链接。然后我想隐藏整个李。
HTML
<li>Product Name <a href="/delete/item_id" class="del">Delete</a></li>
JQUERY
$(function(){
$(".del").click(function () {
var link = $(this).attr('href');
$.post(link, function() {
$(this).parent().slideUp();
return false;
});
event.preventDefault();
});
});
答案 0 :(得分:1)
传递给$ .post的成功处理程序中的this
- 关键字不引用锚元素,因此您的代码将无效。您可以通过在成功处理程序之外保存对li
- 元素的引用来轻松解决此问题:
$(function(){
$(".del").click(function () {
var link = $(this).attr('href');
var li = $(this).parent();
$.post(link, function() {
li.slideUp();
return false;
});
event.preventDefault();
});
});