Converting string to number in javascript/jQuery

Question

Been trying to convert the following to number:

<button class="btn btn-large btn-info" data-votevalue="1">     <strong>1</strong> </button> 

var votevalue = parseInt($(this).data('votevalue')); 

I've also tried Number() but I'm still getting NaN when checking the result. What am I doing wrong?

Here is the complete code:

<div class="span7" id="button-group">     <div class="btn-group">         <button class="btn btn-large btn-info" data-votevalue="1"><strong>1</strong></button>         <button class="btn btn-large btn-info" data-votevalue="2"><strong>2</strong></button>         <button class="btn btn-large btn-info" data-votevalue="3"><strong>3</strong></button>         <button class="btn btn-large btn-info" data-votevalue="4"><strong>4</strong></button>         <button class="btn btn-large btn-info" data-votevalue="5"><strong>5</strong></button>         <button class="btn btn-large btn-info" data-votevalue="6"><strong>6</strong></button>         <button class="btn btn-large btn-info" data-votevalue="7"><strong>7</strong></button>         <button class="btn btn-large btn-info" data-votevalue="8"><strong>8</strong></button>         <button class="btn btn-large btn-info" data-votevalue="9"><strong>9</strong></button>         <button class="btn btn-large btn-info" data-votevalue="10"><strong>10</strong></button>     </div> </div> 

$('#button-group button').each(function() {     $(this).click(function() {         $(this).addClass('active');         var votevalue = parseInt($(this).data('votevalue'));         var filename = $('.mainimage').data('filename');         var votes = parseInt($('.mainimage').data('numvotes'));         var totalscore = parseInt($('.mainimage').data('totalscore'));         $.ajax({             type: 'POST',             url: 'index.php/?category=vote',             data: {                 "votevalue": votevalue,                 "filename": filename             },             success: function() {                 votes++;                 alert(votes);                 var average = ((totalscore + votevalue) / votes);                 $('#vote-incremenet').html(votes);                 $('#display-average').html(average);                 $('#display-average').show();                 $('#button-group button').each(function(){                     $(this).unbind('click');                 });             }         }); // end ajax     }); // end click }); // end each 

Answer 1

It sounds like this in your code is not referring to your .btn element. Try referencing it explicitly with a selector:

var votevalue = parseInt($(".btn").data('votevalue'), 10); 

Also, don't forget the radix.