Javascript jquery将动态innerhtml存储到可用的jquery变量中

如何存储内部

html

我用jQuery从我的分区ie中抓取

作为jQuery中的一个可访问变量来存储，例如

cooldynamicelement

，这样我就可以通过调用ie.

$cooldynamicelement

在我的站点的不同区域抓取和使用，并使用动态

用户名

元素进行更新值。

1。将HTML存储到本地存储中 要使其可用于其他页面，一种方法是使用localstorage的强大功能

如果您对整个元素（不仅仅是内部HTML）感兴趣，而不是

.HTML（）

使用

.prop（“outerHTML”）

---

2.使用jQuery绑定（基本思想） 如果您只想要一种将一些可变HTML反映为实际HTML并使其活跃的方法，您可以这样做：

var dynamicElementHTML = localstorage.dynamicElementHTML || $(".username").html() || "";
localstorage["dynamicElementHTML"] = dynamicElementHTML;

3.使用jQuery绑定（概念） 以下是相同的元素绑定概念：

//我们将在这里存储元素
var EL={}；
//创建所需的HTML元素，如下所示：
变量列表={
用户名：$（“”{
html：“未知”，
单击：函数（）{
警报（$（this.text（））；
}
}),
电邮：$（“”）{
html:“test@test.test",
href:“mailto:+”test@test.test"
}),
//在这里加上更多，你就知道了。
//不要忘记，您可以为元素分配任何JS/jQuery属性。
//使用.on（）和更高版本的.trigger（）可能会让人发疯
};
//替代数据绑定元素的小型“程序”
//使用列表中的动态元素
$（“[数据绑定]”）。替换为（函数（i）{
var bind=this.dataset.bind；
如果（！LIST[bind]）返回；
如果（！EL.hasOwnProperty（bind））EL[bind]=[]；
var klon=LIST[bind].clone（true）[0]；
EL[bind].推（klon）；
返回克伦；
});
//就这样。现在开始你的代码///////////////
$（EL.username）.css（{color:“red”}）；//只是为了测试它是否有效：D
$（“[数据目标]”）。在（“输入”，函数（）上）{
var target=this.dataset.target；
$（EL[target]）.html（this.value）；
});
//附言：即使EL中有数千种元素
//假设你有“EL.tableRows”，你可以做得很棒
//快速的东西，比如：排序，因为你迭代了一个简单的JS数组。
//完成EL.tableRows的排序后，您需要一个jQuery
//表示只需使用$（EL.tableRows）。

jQuery中的动态元素绑定
输入一些文本并在不同位置查看更新触发器



欢迎

你的名字是点击红色文字

1。将HTML存储到本地存储中 要使其可用于其他页面，一种方法是使用localstorage的强大功能

如果您对整个元素（不仅仅是内部HTML）感兴趣，而不是

.HTML（）

使用

.prop（“outerHTML”）

---

2.使用jQuery绑定（基本思想） 如果您只想要一种将一些可变HTML反映为实际HTML并使其活跃的方法，您可以这样做：

var dynamicElementHTML = localstorage.dynamicElementHTML || $(".username").html() || "";
localstorage["dynamicElementHTML"] = dynamicElementHTML;

3.使用jQuery绑定（概念） 以下是相同的元素绑定概念：

//我们将在这里存储元素
var EL={}；
//创建所需的HTML元素，如下所示：
变量列表={
用户名：$（“”{
html：“未知”，
单击：函数（）{
警报（$（this.text（））；
}
}),
电邮：$（“”）{
html:“test@test.test",
href:“mailto:+”test@test.test"
}),
//在这里加上更多，你就知道了。
//不要忘记，您可以为元素分配任何JS/jQuery属性。
//使用.on（）和更高版本的.trigger（）可能会让人发疯
};
//替代数据绑定元素的小型“程序”
//使用列表中的动态元素
$（“[数据绑定]”）。替换为（函数（i）{
var bind=this.dataset.bind；
如果（！LIST[bind]）返回；
如果（！EL.hasOwnProperty（bind））EL[bind]=[]；
var klon=LIST[bind].clone（true）[0]；
EL[bind].推（klon）；
返回克伦；
});
//就这样。现在开始你的代码///////////////
$（EL.username）.css（{color:“red”}）；//只是为了测试它是否有效：D
$（“[数据目标]”）。在（“输入”，函数（）上）{
var target=this.dataset.target；
$（EL[target]）.html（this.value）；
});
//附言：即使EL中有数千种元素
//假设你有“EL.tableRows”，你可以做得很棒
//快速的东西，比如：排序，因为你迭代了一个简单的JS数组。
//完成EL.tableRows的排序后，您需要一个jQuery
//表示只需使用$（EL.tableRows）。

jQuery中的动态元素绑定
输入一些文本并在不同位置查看更新触发器



欢迎

你的名字是点击红色文字

如果您想在变量中包含jqueryObject，只需执行以下操作：

$myElement.trigger("contentUpdate")

这样，您就可以在全局上下文中使用

$cooldynamicelement

。如果这是你想要的。这样，您就保存了对

.username

元素的引用，因此每次使用它时都会进行更新

---

注意：如果您决定这样做，请小心污染您的全局上下文。

如果您想在变量中包含jqueryObject，请执行以下操作：

$myElement.trigger("contentUpdate")

这样，您就可以在全局上下文中使用

$cooldynamicelement

。如果这是你想要的。这样，您就保存了对

.username

元素的引用，因此每次使用它时都会进行更新

---

注意：如果您决定这样做，请小心污染您的全局上下文。

像某种可重用组件吗？是的，我可以稍后调用变量，它的动态内容/值将随之发生。您可以包括

html

，

js

尝试过吗，创建stacksnippets以演示？“并使用动态

.username

元素值进行更新。”元素值是如何更新的？其间的html内容将是动态的。内容将更新/更改。但是仍然输出为reg HTML。像某种可重用的组件吗？是的，我可以在以后调用变量，它的动态内容/值会随身携带

$(function(){
    window.$cooldynamicelement = $("div.username");
})