How to save data using jQuery?

Question

I have some dynamic data in my <div> element. Look at the sample below:

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

When I click on the div element, the nested value will change.

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

Sample:

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

And when I click again on the div, I need to return the previous value:

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

Here's the question: How do I keep this value for returning the number every time I click on the div with changed text inside of it?

you can read jquery documentation here : api.jquery.com

pheromix
– pheromix

2017-06-10 14:09:06 +00:00
Commented Jun 10, 2017 at 14:09 — pheromix
– pheromix, Commented Jun 10, 2017 at 14:09
you mean $(this).find( "div" )

Roko C. Buljan
– Roko C. Buljan

2017-06-10 14:16:36 +00:00
Commented Jun 10, 2017 at 14:16 — Roko C. Buljan
– Roko C. Buljan, Commented Jun 10, 2017 at 14:16

prasanth · Accepted Answer · 2017-06-10 14:28:01Z

2

you need create some data attribute store the previous value.The each time click get the data from attribute and restore the current text to attr like this data-prev.No need to append .html() is enought to toggle

updated

$('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>

edited Jun 10, 2017 at 14:28

answered Jun 10, 2017 at 14:14

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Lab Lab Over a year ago

Can I push there html-code? Like <div data-prev='<div>some new data viewed on click</div>'>3245</div>

prasanth Over a year ago

why you need to push the entire element .Any perticular point on that

Lab Lab Over a year ago

Cause I have a data which should disappear on click and then appear on click. Instead of this data will appear the different icons, that are nested inside the entire element

prasanth Over a year ago

see my upated answer @LabLab

Jennifer Goncalves · Accepted Answer · 2017-06-10 14:33:20Z

2

You can use jQuery 'data' method.

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

Then read it with:

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

Documentation: https://api.jquery.com/data/

edited Jun 10, 2017 at 14:33

Jennifer Goncalves

1,5121 gold badge14 silver badges30 bronze badges

answered Jun 10, 2017 at 14:08

sidewinder

6824 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to save data using jQuery?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related