jQuery删除和替换模态内容答案

【问题标题】：Jquery remove and replace modal contentjQuery删除和替换模态内容
【发布时间】：2020-12-28 23:02:39
【问题描述】：

我有一个带有内容的模式，如果没有结果，它会显示进一步搜索的选项。我的按钮可以工作，但它会进行 AJAX 调用并且效果很好。我正在努力的是如何展示新内容。我有 JQUERY 删除功能，但是当我尝试使用 SHOW 显示新内容时，我什么也没得到。我的想法是否正确？

        success: function(data){
            jQuery('#test').remove(); 
            jQuery('#test2').show();
}

【问题讨论】：

不确定#test 是什么...但我已经回答了一些与由一些 ajax 结果填充的模态内容相关的问题。检查this。
非常感谢。 #test 是一个表ID。我看了看-顺便说一句好帖子。不过，这似乎不太像我正在做的事情，因为我已经保留了模态。实际上，我已经将新数据作为来自初始 AJAX 的回调函数加载。我的问题是它不会显示新数据。有任何想法吗？ :)

标签： javascript jquery function modal-dialog

【解决方案1】：

如果 id 为“test2”的元素已经在模态结构中，与 id 为“test”的元素位于同一位置，那么这应该可以。

如果没有，你需要把它放在那里。

// get the parent of the existing element
var parentEl = $('#test').parent();
// remove existing element
$('#test').remove();
// detach the new element from wherever it is and append it below parent, and show it
$('#test2').detach().appendTo(parentEl).show();

【讨论】：

谢谢。 id 为 Test2 的表实际上在一个单独的函数中，但如果有意义的话，该函数是 AJAX 数据操作所引用的函数吗？我认为我需要使用上述知识？有趣的是，#Test 实际上是一个不同的函数。
所以我一直在玩这个——谢谢你写出来。我无法让它工作。它删除了先前的消息和按钮，但没有带来任何其他内容。如果没有表可以追加，它还会向模态添加内容吗？