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

您可以使用jQuery＆＃39;数据＆＃39;方法

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

然后阅读：

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

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

Answer 2

你需要创建一些data属性存储前一个值。每次点击从属性获取数据并将当前文本恢复为at data-prev。不需要追加{{1}我应该切换

已更新

.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;
}

如何使用jQuery保存数据？

2 个答案: