adding stuff to an array using jquery

Question

i need to know if this is possible and how....

I have a series of linkk

< a href="#" id="hello" > HELLO < /a >

< a href="#" id="welcome" > welcome < /a >

< a href="#" id="start" > start < /a >

< a href="#" id="finish" > finish < /a >

what i want to do is as i click on the link I wish to add the id value to an array(words). so if i click all the 4 links my array should have hello, welcome,start,finish. Consequently if that is not possible can you concatenate them to a single variable on each click without destroying the previous data in the variable..words=(hello|welcome|start|finish).

any help is appreciated.

thanks andy

Alastair Pitts · Accepted Answer · 2010-12-07 05:30:35Z

1

so if your js file looks like this (and jquery has been included on the page)

var ClickedLinks = [];
$(function () {
    $('a').click(function () {
        var id = $(this).attr('id');
        if ($.inArray(id, ClickedLinks) == -1) {
            ClickedLinks.push(id);
        }
    });
});

This will check the array and NOT add it again.

EDIT: Fixed $.inArray returning a position, rather than a boolean (as I incorrectly assumed)

edited Dec 7, 2010 at 5:30

answered Dec 7, 2010 at 4:44

Alastair Pitts

19.6k9 gold badges72 silver badges98 bronze badges

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

10 Comments

kobe Over a year ago

@alastair new thing learnt from your code , inArrya , i wrote my function uncessaryly , thanks + 1 for you

Alastair Pitts Over a year ago

@gov: it's a really convenient little function :)

andy Over a year ago

andy Over a year ago

Alastair Pitts Over a year ago

I made a couple of mistakes, as well as where you placed you checking code: see jsfiddle.net/cPUKr/3

|

Ish · Accepted Answer · 2010-12-07 04:42:04Z

0

var myVar = Array()

$('a').click(function(){
    myVar[] = $(this).attr('id');
})

answered Dec 7, 2010 at 4:42

Ish

29.8k11 gold badges62 silver badges78 bronze badges

1 Comment

kobe Over a year ago

you have add a check condition if it already exists//// alastair code takes care of it.

kobe · Accepted Answer · 2010-12-07 04:56:06Z

0

@andy first give a class to all hrefs//

  < a href="#" id="hello" class="examle"> HELLO < /a >

    var arrayResults=new Array();

    $('.examle').click(function() {
        var textval= $(this).attr('id');;// do a check if it already exists
       if(!exitsts){ //write a function to check if already exists..
       arrayResults.push(textval);
       }
    });

finally arrayResults will have all the values

edited Dec 7, 2010 at 4:56

answered Dec 7, 2010 at 4:41

kobe

15.9k15 gold badges67 silver badges93 bronze badges

Collectives™ on Stack Overflow

adding stuff to an array using jquery

3 Answers 3

10 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

10 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related