将 $(document).ready 与变量内的 html 一起使用

Question

我可以使用 jquery function $(document).ready(function() {}); 使用包含从 $("#tableId").prop 恢复的 html 的 javascript 变量吗("outerHTML"); 函数作为参数？就像下面这样：

$(document).ready(function() {
var tempHtml = $("#tabelaOriginal-1").prop("outerHTML");
$(tempHtml).ready(function() {
    $("someDivId").css( "background-color", "yellow" );
});

tempHtml 会发生变化吗？由 .css 函数调用引起。简而言之，我需要从 div 中恢复 html 数据并进行一些更改并使用这些更改构建一个模态，而无需对原始 div 进行任何更改。所以我正在尝试使用 jquery .ready 函数的内部调用，将 outerHTML 作为参数传递。

Answer 1

您可以使用 jQuery 的 clone 方法来实现您想要实现的目标。

$(document).ready(function() {
   var clone = $("#tabelaOriginal-1").clone();
   clone.css( "background-color", "yellow" );
   //Now use the cloned object in a modal or do whatever you want.
});

我强烈建议您阅读clone 文档以了解它的可选功能。