Question

尝试将以下内容转换为数字：

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

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

我也试过Number()，但在检查结果时我仍然会NaN。我做错了什么？

以下是完整的代码：

<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

听起来您的代码中的this并未引用您的.btn元素。尝试使用选择器显式引用它：

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

另外，不要忘记基数。

Answer 2

您可以使用parseInt(string, radix)将字符串值转换为整数，如下面的代码

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

DEMO

Answer 3

虽然这是一篇老帖子，但我认为一个简单的函数可以使代码更具可读性，并保持jQuery链式代码风格：

String.prototype.toNum = function(){
    return parseInt(this, 10);
}

可以与jQuery一起使用：

var padding_top = $('#some_div').css('padding-top'); //string: "10px"
var padding_top = $('#some_div').css('padding-top').toNum(); //number: 10`

或任何String对象：

"123".toNum(); //123 (number)`

Answer 4

你应该在$(this)之前使用“+”。那将把字符串转换为数字，所以：

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

哦，我建议使用closest()方法以防万一:)

var votevalue = +$(this).closest('.btn-group').data('votevalue');

Answer 5

听起来this指的是你想的其他东西。你在什么情况下使用它？

this关键字通常仅在事件处理程序的回调函数中使用，当您循环遍历一组元素或类似元素时。在该上下文中，它指的是特定的DOM元素，并且可以按照您的方式使用。

如果您只想访问该特定按钮（在任何回调或循环之外）并且没有任何其他使用btn-info类的元素，您可以执行以下操作：

parseInt($(".btn-info").data('votevalue'), 10);

如果你想确保只有一个元素与你的选择器相匹配，你也可以为元素分配一个ID，并使用它来选择，这可能是一种更安全的方式。

Answer 6

您可以在字符串前添加+而不使用parseInt和parseFloat和radix，只需

样品：

var votevalue = +$('button').data('votevalue');

alert(typeof(votevalue));

Answer 7

对于您的情况，只需使用：

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

在javascript中有一些方法可以将字符串转换为数字。

最好的方法：

var str = "1";
var num = +str; //simple enough and work with both int and float

你也可以：

var str = "1";
var num = Number(str); //without new. work with both int and float

或

var str = "1";
var num = parseInt(str,10); //for integer number
var num = parseFloat(str); //for float number

DO NOT：

var str = "1";
var num = new Number(str);  //num will be an object. typeof num == 'object'

仅对特殊情况使用parseInt，例如

var str = "ff";
var num = parseInt(str,16); //255

var str = "0xff";
var num = parseInt(str); //255

Answer 8

var string = 123（是字符串），

parseInt（参数是字符串）;

var string = '123';

var int= parseInt(string );

console.log(int);  //Output will be 123.

Answer 9

/** Add an item to to-do list */ insertItem(parent: TodoItemNode, name: string) { if (parent.children) { //parent.children.push({item: name} as TodoItemNode); parent.children.splice(0,0,{item: name} as TodoItemNode); this.dataChange.next(this.data); } }

在javascript / jQuery中将字符串转换为数字

9 个答案: