gpt4 book ai didi

javascript - Closest 不适用于动态添加的内容

转载 作者:行者123 更新时间:2023-11-27 23:48:03 25 4
gpt4 key购买 nike

我正在尝试将 .closest() 与我的 HTML 页面一起使用。我有这个 HTML:

<body>
<div class="listcontainer">
//Content
<div class="button">Ok</div>
</div>
</body>

当用户单击“.button”时,我会通过 ajax 调用将此 HTML 动态添加到上面的 HTML 中。 ajax 调用成功后,将以下 html 附加到正文中:

<div class="listpanel">
//Content
</div>

所以,我在 listcontainer 下面有一个 listpanel,它们都在 body 里面。现在我使用 .closest 作为:

$listpanel = $('.listpanel'); 
$div = $listpanel.closest('.listcontainer');

但不知何故,最接近的是选择 html 元素而不是列表容器。我不确定为什么会这样。有人可以帮我吗?谢谢。

编辑:这是我的 Ajax 调用的样子:

$('.button').click(function(){
$.ajax({
url:"listpanel.html",
cache: false,
dataType: "html",
success:function(data)
{
$('body').append(data);
}
});
});

最佳答案

如果您将 div.listpanel 附加到正文,则它不在 div .listcontainer 内。因此最近的人找不到它。您需要搜索 sibling :

var myDiv = $('.listpanel').siblings('.listcontainer').first();

或者附加到div .listcontainer,然后使用closest()方法

关于javascript - Closest 不适用于动态添加的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28704318/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com