如何使用jQuery保存數據？

Question

我在我的<div>元素中有一些動態數據。看看下面的示例：

<div>345</div> 
<div>3245</div> 

當我點擊div元素時，嵌套值會改變。

var someVar = $(this).find(div); 
    someVar.empty(); 
    someVar.append("<div>Number has changed</div>"); 

樣品：

<div>345</div> 
<div>Number has changed</div> 

當我在DIV上再次點擊，我需要返回前值

<div>345</div> 
<div>3245</div> 

這裏的問題：如何保持這每當我點擊其中包含更改文本的div時返回數字的值？

Answer 1

，你需要創建一些data屬性存儲之前的價值。每一次點擊從屬性獲取數據並恢復目前的文本到這樣的attr data-prev。無需追加.html()就足夠了切換

更新

$('div').click(function(){ 
 
var prev=$(this).html(); 
 
$(this).html($(this).data('prev')); 
 
$(this).data('prev',prev) 
 
console.log($(this).data('prev')) 
 
})

.nested{ 
 
color:red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>345</div> 
 
<div data-prev="<div class='nested'>Number has changed</div>">3245</div>

Answer 2

你可以使用jQuery的'data'方法。

$("div").data("number", 1) 

然後用閱讀：

($("div").data("number")) 

文檔： https://api.jquery.com/data/