JQuery split array elements

Question

I am trying to get the ids from some li elements. But I'm not sure how to split the results in the array. So message_1 becomes 1, message_2 becomes 2 and so on.

<ul id="chat_viewport">
<li id="message_1">message</li>
<li id="message_2">message this and that</li>
<li id="message_3">3</li>
<li id="message_4">4</li>
<li id="message_5">5</li>
</ul>


<a href="#" class="test">TEST</a>


$("a.test").click(function(e) {
e.preventDefault();

var idarray = $("#chat_viewport")
         .find("li") //Find the li in #chat_viewport
         .map(function() { return this.id; }) //Project Ids
         .get(); //ToArray

var biggest = Math.max.apply( null, idarray );

alert(idarray);
});

I have an example here http://jsfiddle.net/T5x5d/

try whit this if i've understend : return this.id.replace('message_', '') — Alex Ball
– Alex Ball, Commented Jul 2, 2012 at 8:40

Alnitak · Accepted Answer · 2012-07-02 08:41:20Z

1

Replace your .map function with this:

function() { return this.id.replace('message_', ''); }

answered Jul 2, 2012 at 8:41

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

Comments

freakish · Accepted Answer · 2012-07-02 08:42:00Z

0

If you are sure of the format of IDs, then you can use this:

.map(function() { return this.id.split('_')[1]; })

P.S. Put entire code in question. It is not long and if something happens to your jsFiddle, then other users won't understand the answer.

answered Jul 2, 2012 at 8:42

freakish

57k12 gold badges141 silver badges181 bronze badges

Comments

Mohamed Farrag · Accepted Answer · 2012-07-02 08:47:31Z

0

modify it to look like this :

$("a.test").click(function(e) {
e.preventDefault();

var idarray = $("#chat_viewport")
         .find("li") //Find the li in #chat_viewport
         .map(function() { return this.id.split('_')[1]; }) //Project Ids
         .get(); //ToArray

var biggest = Math.max.apply( null, idarray );

alert(idarray);
});

answered Jul 2, 2012 at 8:47

Mohamed Farrag

1,6922 gold badges19 silver badges41 bronze badges

Comments

voigtan · Accepted Answer · 2012-07-02 08:51:02Z

0

this is a to much but:

$("a.test").click(function(e) {
    e.preventDefault();
    var idarray = $("#chat_viewport")
        .find("li") //Find the li in #chat_viewport
        .map(function() {
            var match = /(\d+)/.exec(this.id);
            return match !== null ? parseInt(match[0]) : 0;
         }) //Project Ids
         .get(); //ToArray
    var biggest = Math.max.apply( null, idarray );

    alert(biggest);
});

i dont take to the account that it must have the id of message_ just a number in its id and convert it to a number(if you want to return an array with numbers) if no number was found it will return a 0.

answered Jul 2, 2012 at 8:51

voigtan

9,0212 gold badges31 silver badges30 bronze badges

Collectives™ on Stack Overflow

JQuery split array elements

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related