Get a numeric value from specific string using javascript/jquery

Question

I have a grid and I am getting selected row's html by its id using JavaScript.

var parentRow1 = document.getElementById('__' + parentrowid).innerHTML;

this will return me the following html:

<td class="rgExpandCol">
<img title="Expand" onclick="$find(&quot;&quot;)._toggleExpand(this, event); return false;" 
src=" style="border-width:0px;"></td><td>TEST</td><td>my details</td><td>1</td><td>01/06/2011</td>
<td>198307</td>
<td>&nbsp;</td>
<td>
<span id="lblDCount">2</span>
</td>
<td>
<span id="lblUCount">1</span>
</td>
<td>
<input name="$btn" id="btn">
</td>

Is there a way to get this portion(the number count will not be static), and get the number value then substract it by one:

<span id="lblUCount">1</span>

so final result will be <span id="lblUCount">0</span> it it is 2 then 1 and so on

You could use parseInt() or if its more complicated than you stated use regular expressions — Andrew Hall
– Andrew Hall, Commented Jan 3, 2013 at 10:42

T.J. Crowder · Accepted Answer · 2013-01-03 10:42:07Z

5

Since the span itself has an id, you don't need to first get anything from the row:

var lblUCount = $("#lblUCount");
lblUCount.text(parseInt(lblUCount.text(), 10) - 1);

I suspect, though, that you have multiple rows and thus multiple copies of that span. If I'm right, then your HTML is invalid, because id values must be unique on the page. So I'd change it so you give those spans classes instead:

<span class="lblUCount">1</span>

...which means you do need to start with the row, then use find to find it:

var lblUCount = $('#__' + parentrowid).find('.lblUCount');
lblUCount.text(parseInt(lblUCount.text(), 10) - 1);

There I'm using $ with an ID selector to get the row, then find with a class selector to find the lblUCount span within the row. Then text to get the text of the cell, parseInt to turn that into a number, and then text again to set the new text of the cell.

answered Jan 3, 2013 at 10:42

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

2 Comments

Zaki Over a year ago

I have tried find solution and it does give me the lable value..but when subtracting it says : lblUCount.text is not a function

T.J. Crowder Over a year ago

@Sam1: If jQuery is properly loaded and $ isn't being used by some other library, the above works just fine.

bipen · Accepted Answer · 2013-01-03 11:00:17Z

2

try this

var count=$('#__' + parentrowid).find('#lblUCount').text();

var finalCount=parseInt(count) -1 ;

updated

to assign it back..

$('#__' + parentrowid).find('#lblUCount').text(finalCount);

edited Jan 3, 2013 at 11:00

answered Jan 3, 2013 at 10:44

bipen

36.6k9 gold badges51 silver badges62 bronze badges

3 Comments

Zaki Over a year ago

I get parentRow1.find is not a function

Zaki Over a year ago

it does return the value now but how do I assign the value back to label

T.J. Crowder Over a year ago

It makes no sense to use find with an id unless you specifically want it not to be found outside the parent. @Sam1: Again, if you're using id attributes, they must be unique on the page.

Alnitak · Accepted Answer · 2013-01-03 10:42:27Z

2

This is AFAIK the simplest solution. It relies on the "function" parameter version of .text() which both passes the original text to the supplied function, and then re-inserts the return value back into the element.

$('#lblUCount').text(function(idx, text) {
    return parseInt(text, 10) - 1;
});

answered Jan 3, 2013 at 10:42

Alnitak

341k72 gold badges420 silver badges503 bronze badges

Comments

user1936059 · Accepted Answer · 2013-01-03 10:44:14Z

0

You can do it with jQuery like this:

var $el = $('#lblUCount'), 
          val = parseInt($el.text());
val--;
$el.text(val);

answered Jan 3, 2013 at 10:44

user1936059

Collectives™ on Stack Overflow

Get a numeric value from specific string using javascript/jquery

4 Answers 4

2 Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related