バックエンドphpからデータが入力されるdivがあります。ここでは codeigniter を使用しています。divはこのようなものです
if(isset($result))
{
echo '
<div>
<div>
$result->value
</div>
<a>Delete</a>
</div>
';
}
削除は ajax を使用して行われます。しかし、削除後に何も表示されないはずの div を更新するにはどうすればよいですか?
でこれを行いますajax success function
:
$(this).closest('div').slideUp().remove();
このように視覚的にスライドアップが表示され、スライドアップした後、これはdomから削除され、dbから正常に削除された場合、これは再び表示されません.
Then if you refresh your page you won't see that div again.
削除時にある種のクラス識別子を持つことは、将来の拡張/変更にとって常に良い方法です。
<div>
<div>
$result->value
</div>
<a class="deleteme">Delete</a>
</div>
どちらの場合でも、これを使用できます:
$(document).on('click', '.deleteme', function() {
//your delete stuff
if (your delete was successful) {
$(this).parent().fadeOut(500);
}
});