La conversion de la chaîne de numéro un en javascript/jQuery

Été d'essayer de convertir le suivant au numéro:

<button class="btn btn-large btn-info" data-votevalue="1">
    <strong>1</strong>
</button>
var votevalue = parseInt($(this).data('votevalue'));

J'ai aussi essayé de Number() mais je suis encore en train NaN lors de la vérification du résultat. Ce que je fais mal?

Voici le code complet:

<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
  • Ce n' this consultez dans ce contexte?
  • Ce que vous avez fonctionnera très bien, donc je ne peux que supposer que this ne se réfère pas à ce que vous attendez. Aussi, n'oubliez pas la base de l'argument de parseInt!
  • voulez-vous la valeur des données-votevalue propriété ou le texte à l'intérieur de la <strong></strong> balises?
InformationsquelleAutor user1683645 | 2012-10-11
  1. 89

    Il sonne comme this dans votre code n'est pas allusion à votre .btn élément. Essayez de référence explicitement à l'aide d'un sélecteur:

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

    Aussi, n'oubliez pas le radix.

    • Je reçois la chaîne correcte lorsque je n'ai pas d'essayer d'analyser la variable. Donc, ce referece à droite de l'objet. J'ai posté le code complet dans mon post original. Vous pourriez peut-être prendre un coup d'oeil.
    • Le problème doit se situer ailleurs, dans votre code, puis, parce que la parseInt(votevalue) section fonctionne très bien: jsfiddle.net/fVJRL
    InformationsquelleAutor Rory McCrossan
  2. 48

    Vous pouvez utiliser parseInt(string, radix) pour convertir la chaîne de valeur à l'entier tel que ce code ci-dessous

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

    DÉMO

    InformationsquelleAutor Anton
  3. 29

    Bien que c'est un vieux post, j'ai pensé qu'une simple fonction peut rendre le code plus lisible et maintient avec jQuery chaînage de code de style:

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

    peut être utilisé avec jQuery:

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

    ou avec toute String objet:

    "123".toNum(); //123 (number)`
    InformationsquelleAutor Shahar
  4. 7

    Vous devriez utiliser "+" avant de $(this). Qui va convertir la chaîne en nombre, afin de:

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

    Oh, et je vous recommande d'utiliser closest() méthode juste au cas où 🙂 

    var votevalue = +$(this).closest('.btn-group').data('votevalue');
    • Bienvenue @expoz - note frappé {} dans l'éditeur de format une section de code, ou d'utiliser 4 espaces à l'avant de la ligne de code. De Plus, vous pouvez utiliser des guillemets simples autour d'un code de marque code ou le paquet de commandes par exemple closest(),
    • Je suis assez sûr que c'est juste une exploitation de JavaScript pauvres du type de gestion. Qui ne semble pas être une bonne idée.
    InformationsquelleAutor expoz
  5. 5

    Il sonne comme this se réfère à quelque chose d'autre que vous ne le pensez. Dans quel contexte utilisez-vous?

    La this mot-clé est généralement utilisé uniquement à l'intérieur d'une fonction de rappel d'un gestionnaire d'événements, lorsque vous passez en boucle sur un ensemble d'éléments, ou similaire. Dans ce contexte, il se réfère à une DOM-élément, et peuvent être utilisées de la façon dont vous le faites.

    Si vous voulez seulement l'accès à ce même bouton (à l'extérieur d'un rappel ou d'une boucle) et n'ont pas d'autres éléments que l'utilisation de la btn-info classe, vous pourriez faire quelque chose comme:

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

    Vous pouvez également affecter l'élément d'ID, et l'utiliser pour sélectionner on, qui est probablement un moyen plus sûr, si vous voulez être sûr qu'un seul élément correspondent à votre sélection.

    InformationsquelleAutor Christofer Eliasson
  6. 4

    Vous pouvez ajouter un + avant que la chaîne sans utiliser parseInt et parseFloat et radix, il suffit de

    exemple:

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

alert(typeof(votevalue));
    InformationsquelleAutor Gandom
  7. 3

    Pour votre cas, il suffit d'utiliser:

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

    Il y a quelques façons de convertir une chaîne de numéro un en javascript.

    La meilleure façon:

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

    Vous pouvez également:

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

    ou

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

    N'EST PAS LE CAS:

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

    Utiliser parseInt seulement pour des cas spéciaux, par exemple

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

var str = "0xff";
var num = parseInt(str); //255
    InformationsquelleAutor cuixiping
  8. 1

    var chaine = 123 (string),

    parseInt(paramètre est une chaîne);

    var string = '123';

var int= parseInt(string );

console.log(int);  //Output will be 123.
    InformationsquelleAutor YoJey Thilipan
  9. 0

    var votevalue = $.map($(this).data('votevalue'), Number);

    InformationsquelleAutor Ares