jQuery using nextSibling to pull out data

Question

I am trying to only pull out the number "88" in the example below:

    <li>
       <a href="website">5 stars</a>
       (88)
    </li>

I have tried:

var theLi= $('li');
var theNumber = $(theLi.get(0).nextSibling).text();

but nothing comes up..it is blank.

Control Freak · Accepted Answer · 2012-02-13T01:09:16.620

0

how about

var theNumber = $('li').after( $('a') ).text().replace('(','').replace(')','')

This works.

edited Feb 13 '12 at 01:09

answered Feb 13 '12 at 00:49

Control Freak

please use jsFiddle.net to test your answers before posting them so that you don't mislead people. Your approach did not work: http://jsfiddle.net/Gq3nE/ – nopuck4you Feb 13 '12 at 00:54
Very close but the parentheses still remain – ToddN Feb 13 '12 at 01:03
@Todd just use `replace`: `$('li').after( $('a') ).text().replace('(','').replace(')','')` – Control Freak Feb 13 '12 at 01:05

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

You clone the li, remove the child elements, and extract the text.

edited May 23 '17 at 12:11

Community

answered Feb 13 '12 at 00:53

nopuck4you

score 0 · Answer 3 · answered Feb 13 '12 at 00:55

0

$('li').clone().children().remove().end().text();

answered Feb 13 '12 at 00:55

elclanrs

score 0 · Answer 4 · answered Feb 13 '12 at 01:03

0

You could use lastChild for the given structure.

li.lastChild.nodeValue

See an example.

answered Feb 13 '12 at 01:03

Anurag

4 Answers4