jQuery or AJAX replace with values from array?

Question

<div class="pagination">
 <a id="1">1</a>
 <a id="2">2</a>
 <a id="3">3</a>
 <a id="4">4</a>
</div>

For each of those pages 1-2-3-4 I want to replace their values with Date to become something like >

<div class="pagination">
 <a id="1">22 Oct</a>
 <a id="2">23 Oct</a>
 <a id="3">24 Oct</a>
 <a id="4">25 Oct</a>
</div>

I have create an array where to store the dates. And I need to make the script which will replace those values, can some one help me ?

why don't you just print the dates from the server? why would you waste clients browser resources for something like this? — Val
– Val, Commented Oct 21, 2011 at 8:47
because those dates are coming from Mysql>PHP script and the pagination is generated by JQUERY. I think that the best way is to make such replaceable script. — Svetoslav
– Svetoslav, Commented Oct 21, 2011 at 9:02

Rob W · Accepted Answer · 2011-10-21 08:46:57Z

2

Loop through each anchor in the div, and use the .text() method to set the new value.

var array_dates = ["22 Oct", "23 Oct", "24 Oct", "25 Oct"]; //User-defined
$("div.pagination a").each(function(i){
    $(this).text(array_dates[i]);
})

answered Oct 21, 2011 at 8:46

Rob W

350k87 gold badges811 silver badges683 bronze badges

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

Comments

Reigel Gallarde · Accepted Answer · 2011-10-21 08:54:41Z

1

var arr = ['22 Oct','23 Oct','24 Oct','25 Oct',]
$('div.pagination a').html(function(i){
   return arr[i];
})

demo

answered Oct 21, 2011 at 8:54

Reigel Gallarde

65.5k21 gold badges126 silver badges142 bronze badges

1 Comment

Svetoslav Over a year ago

This work too . I will test which is better your or to the previous user. Thank you

Collectives™ on Stack Overflow

jQuery or AJAX replace with values from array?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related