jquery - Sum two values in javascript - Stack Overflow

admin管理员组

文章数量:1287786

this I think will be stupid question, but here it goes.

I need to dynamically add a div and give it ID + 1 depending on last added div's ID of previously added element.

the div is

<div id="file-uploader-0" class="file-uploader"></div>

So I roughly came out with that code:

$('#addOneMoreFileOrGroup').on('click', function(){

    var latestFileUploaderId = $('.well-large .file-uploader').last().attr('id').split('-')[2] + 1;

    $('.well-large .control-group:last').after('<div class="control-group deal-type-online">  \
            <label class="control-label">File / File Group Title:</label> \
            <div class="controls"> \
                <input class="span4 file-title" type="text"> \
                <span class="question label label-warning" data-title="File / Group Name:" data-content="Name for your file or group of related files (for example your brand logotype in different file formats)." data-original-title="">?</span> \
                <div id="file-uploader-' + latestFileUploaderId + '" class="file-uploader"></div> \
            </div> \
        </div>');

    });

But the problem is that in the end of all that I receive "file-uploader-01", "file-uploader-011", "file-uploader-0111".

I tried to use "latestFileUploaderId++" which giving me right result once as "1" and after going as "11", "111", "1111".

Thank you for the tips and help!

this I think will be stupid question, but here it goes.

I need to dynamically add a div and give it ID + 1 depending on last added div's ID of previously added element.

the div is

<div id="file-uploader-0" class="file-uploader"></div>

So I roughly came out with that code:

$('#addOneMoreFileOrGroup').on('click', function(){

    var latestFileUploaderId = $('.well-large .file-uploader').last().attr('id').split('-')[2] + 1;

    $('.well-large .control-group:last').after('<div class="control-group deal-type-online">  \
            <label class="control-label">File / File Group Title:</label> \
            <div class="controls"> \
                <input class="span4 file-title" type="text"> \
                <span class="question label label-warning" data-title="File / Group Name:" data-content="Name for your file or group of related files (for example your brand logotype in different file formats)." data-original-title="">?</span> \
                <div id="file-uploader-' + latestFileUploaderId + '" class="file-uploader"></div> \
            </div> \
        </div>');

    });

But the problem is that in the end of all that I receive "file-uploader-01", "file-uploader-011", "file-uploader-0111".

I tried to use "latestFileUploaderId++" which giving me right result once as "1" and after going as "11", "111", "1111".

Thank you for the tips and help!

• javascript
• jquery
• onclick
• sum

Share Improve this question Follow edited Nov 8, 2012 at 14:24 Carlos 5,07222 gold badges2222 silver badges3737 bronze badges asked Nov 8, 2012 at 14:21 ignatyignaty 53511 gold badge44 silver badges1818 bronze badges

Add a ment  | 

10 Answers 10

Sorted by: Reset to default 3

Change this:

var latestFileUploaderId = $('.well-large .file-uploader').last().attr('id').split('-')[2] + 1;

to this:

var latestFileUploaderId = parseInt($('.well-large .file-uploader').last().attr('id').split('-')[2],10) + 1;

You're adding a string to a number, which causes the + operator to do string concatenation.

Convert the string to a number first.

var latestFileUploaderId = parseFloat($('.well-large .file-uploader').last().attr('id').split('-')[2]) + 1;

Convert the string from the id to integer to increment it correctly:

var lastID = parseInt($('.well-large .file-uploader').last().attr('id').split('-')[2]);
var latestFileUploaderId = lastID + 1;

var latestFileUploaderId = parseInt($('.well-large .file-uploader').last().attr('id').split('-')[2],10) + 1;

You are cocatenating a string and a number... parseInt will convert the string to its numerical value and then the addition will work.

You should use parseInt:

var latestFileUploaderId = parseInt($('.well-large .file-uploader').last().attr('id').split('-')[2]) + 1;

You can use parseInt() to convert the id to a number.

var latestFileUploaderId = parseInt($('.well-large .file-uploader').last().attr('id').split('-')[2]) + 1;

$('.well-large .file-uploader').last().attr('id').split('-')[2]

is a string. You need to parse it to a int(float). try using parseInt, parseFloat

You need to cast the value to a Number. Like this:

var latestFileUploaderId = Number($('.well-large .file-uploader').last().attr('id').split('-')[2]) + 1;

As others have said, you need to change the variable to a Number first, but I wouldn't use parseInt() or similar. Instead, multiplying by 1 is much faster, so something like this is what I'd remend:

var last = $('.well-large .file-uploader').last().attr('id').split('-')[2];
var latestFileUploaderId = (last * 1) + 1;

JavaScript uses the + operator to concatenate strings which happens in your case. Only numerical types are summarized arithmetically. In order to increment the ID you have to cast it to an integer before.

console.log ('1' + 1 ); 
String '11'

console.log( parseInt('1') + 1 )
Int 2

本文标签： jquerySum two values in javascriptStack Overflow