passing href querystring values to an array using jquery

Question

I am trying to pass the values from the ul#ignorelist.userlist li > a into an array called arr. But i dont need the whole href, i just need the userID.

Something like this: 14301, 65958

HTML:

<ul class="userlist floatcontainer" id="ignorelist">
    <li id="user14301"><input checked="checked" id="usercheck_14301" name=
    "listbits[ignore][14301]" type="checkbox" value="14301"><a href=
    "member.php?u=14301">Frenchy</a><input name=
    "listbits[ignore_original][14301]" type="hidden" value="14301"></li>

    <li id="user65958"><input checked="checked" id="usercheck_65958" name=
    "listbits[ignore][65958]" type="checkbox" value="65958"><a href=
    "member.php?u=65958">GermanMan</a><input name=
    "listbits[ignore_original][65958]" type="hidden" value="65958"></li>
</ul>

Jquery:

var arr = $('ul#ignorelist.userlist li > a').map(function() {
return this;
}).toArray();

Jsfiddle: http://jsfiddle.net/7dWFN/13/

Ram · Accepted Answer · 2012-09-21 20:54:08Z

3

Try this, note that you don't need toArray, map method returns an array.

var arr = $('#ignorelist.userlist li').map(function() {
      return this.id.match(/\d+/g).join('')
      // or return this.id.replace('user', '')
}).get()

http://jsfiddle.net/6aP7W/

var names = $('#ignorelist.userlist li a').map(function() {
      return $(this).text()
}).get()

edited Sep 21, 2012 at 20:54

answered Sep 21, 2012 at 20:34

Ram

145k16 gold badges174 silver badges201 bronze badges

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

2 Comments

SOLDIER-OF-FORTUNE Over a year ago

also can you tell me how to get the string value into the array, eg: ["Frenchy", "GermanMAN"]

Ram Over a year ago

@SOLDIER-OF-FORTUNE I have updated the answer, for sake of performance, you can cache the objects. var $li = $('#ignorelist.userlist li') for first map $li.map().... second: $li.find('a').map()

Collectives™ on Stack Overflow

passing href querystring values to an array using jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related