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/

Answer 1

Replace your .map function with this:

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