Jquery 在div上使用empty（）后，无法向其添加内容_Jquery_Dom

Jquery 在div上使用empty（）后，无法向其添加内容

jquery dom

Jquery 在div上使用empty（）后，无法向其添加内容,jquery,dom,Jquery,Dom,在父对象上使用empty（）后，我试图将内容添加到。但不知怎么的，它不起作用。为什么这样不行？如果我不使用empty（）的话，一切都会正常。但是为什么不用empty（）我尝试的是清空包含链接的父级.acceptUser或.rejectUser，并添加新链接。新内容需要放入父div中 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; char

在父对象上使用

empty（）

后，我试图将内容添加到

。但不知怎么的，它不起作用。为什么这样不行？如果我不使用

empty（）

的话，一切都会正常。但是为什么不用

empty（）

我尝试的是清空包含链接的父级

.acceptUser

或

.rejectUser

，并添加新链接。新内容需要放入父div中

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Side bar poll thingy</title>
<script type="text/javascript" src="http://localhost/site/scripts/jQueryCore.js"></script>
<script type="text/javascript" src="http://localhost/site/scripts/rsCore.js"></script>
<script type="text/javascript" src="http://localhost/site/scripts/jquery.validate.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $('.acceptUser, .rejectUser').click(function() {

    var action = $(this).attr('class');
    var type = $(this).data('id');

    console.log(action+' '+type);
    console.log($(this).parent());

    $(this).parent("div").empty();
    // Wont work : $(this).parent("div").after("<div class='flag'>Success</div>");
    // Wont work : $(this).parent("div").append("<div class='flag'>Success</div>");


  });
});

</script>
</head>
<body>

<div id="container">
UserName : Norman | SignedUp: 10-09-2013 | SignedUp Location: US

<div class="adminLinks">
    <span class="acceptUser" data-id="24">Accept</span>
    <span class="rejectUser" data-id="24">Reject</span>
</div>

</div>

</body>
</html>


侧栏投票的东西
$（文档）.ready（函数（）{
$（'.acceptUser、.rejectUser'）。单击（函数（）{
var action=$（this.attr（'class'）；
变量类型=$（this.data（'id'）；
控制台日志（操作+“”+类型）；
log（$（this.parent（））；
$（this.parent（“div”）.empty（）；
//不起作用：$（这个）。父母（“div”）。成功之后；
//行不通：$（this.parent（“div”）.append（“Success”）；
});
});
用户名：Norman | SignedUp:10-09-2013 | SignedUp地点：美国
接受
拒绝

存储

$（this）.parent（“div”）.empty（）empty（）之后它将不可用
所以
var$parent=$（this.parent（“div”）；
$parent.empty（）；
$parent.after（“成功”）；
$parent.append（“成功”）；
存储$（this）.parent（“div”）.empty（）empty（）之后它将不可用
所以
var$parent=$（this.parent（“div”）；
$parent.empty（）；
$parent.after（“成功”）；
$parent.append（“成功”）；
试试这个代码
$(document).ready(function () {
    $('.acceptUser, .rejectUser').click(function () {
        var action = $(this).attr('class');
        var type = $(this).data('id');
        console.log(action + ' ' + type);
        console.log($(this).parent());
        var parentTag = $(this).parent("div");
        parentTag.empty();
        parentTag.after("<div class='flag'>Success</div>");
        parentTag.append("<div class='flag'>Success</div>");
    });
});

$（文档）.ready（函数（）{
$（'.acceptUser、.rejectUser'）。单击（函数（）{
var action=$（this.attr（'class'）；
变量类型=$（this.data（'id'）；
控制台日志（操作+“”+类型）；
log（$（this.parent（））；
var parentTag=$（this.parent（“div”）；
parentTag.empty（）；
parentTag.after（“成功”）；
parentTag.append（“成功”）；
});
});

试试这段代码
$(document).ready(function () {
    $('.acceptUser, .rejectUser').click(function () {
        var action = $(this).attr('class');
        var type = $(this).data('id');
        console.log(action + ' ' + type);
        console.log($(this).parent());
        var parentTag = $(this).parent("div");
        parentTag.empty();
        parentTag.after("<div class='flag'>Success</div>");
        parentTag.append("<div class='flag'>Success</div>");
    });
});

$（文档）.ready（函数（）{
$（'.acceptUser、.rejectUser'）。单击（函数（）{
var action=$（this.attr（'class'）；
变量类型=$（this.data（'id'）；
控制台日志（操作+“”+类型）；
log（$（this.parent（））；
var parentTag=$（this.parent（“div”）；
parentTag.empty（）；
parentTag.after（“成功”）；
parentTag.append（“成功”）；
});
});

调用.empty
后，父子关系将丢失.empty
删除元素的所有子元素。下次调用.parent（'div'）
时，将返回一个空的jQuery对象，因为此
不再有父对象
最简单的解决方案是使用方法链接：
$(this).parent("div")
  .empty()
  .after("<div class='flag'>Success</div>")
  .append("<div class='flag'>Success</div>");

$（this.parent（“div”）
.empty（）
.在“成功”之后
.附加（“成功”）；
调用.empty
后，父子关系将丢失.empty
删除元素的所有子元素。下次调用.parent（'div'）
时，将返回一个空的jQuery对象，因为此
不再有父对象
最简单的解决方案是使用方法链接：
$(this).parent("div")
  .empty()
  .after("<div class='flag'>Success</div>")
  .append("<div class='flag'>Success</div>");

$（this.parent（“div”）
.empty（）
.在“成功”之后
.附加（“成功”）；
“[…]在其父元素上使用empty（）
后。”因为元素不再存在。至少它不再是其父代的子代了全局，然后在其父元素上使用empty（）
后尝试…”[…]，因为元素不再存在。至少它不再是其父代的子代了全局，然后重试。。。