jquery Làm Toán đơn giản?

Question

Tôi có một chút DIV như thế này:

<div id="counter">2</div> 

Tôi muốn sử dụng jQuery để hoặc trừ hoặc thêm bằng cách cho phép nói 1, kết quả là 3 hoặc 1 ...

là có một cách trong jquery để làm điều này? chuyển đổi một chuỗi thành một int có thể?

Answer 1

$('#counter').text(function(i,txt) { return parseInt(txt, 10) + 1; }); 

Ví dụ bổ sung:http://jsfiddle.net/2uBMy/

Ví dụ cho phép trừ:http://jsfiddle.net/2uBMy/1/

Để thêm một tấm séc cho tiêu cực, bạn có thể làm điều này:

$('#counter').text(function(i,txt) { 
    var result = parseInt(txt, 10) - 1; 
    return (result > 0) ? result : 0; 
}); 

Answer 2

$('#counter').html( +($('#counter').html()) + 1); 

Answer 3

var counter = $('#counter'); 
var value = parseInt(counter.html()); 
counter.html(value + 1); 

Answer 4

$('#counter').text(function(i, txt) { 
    return +txt + 1; 
}); 

Bằng cách đó, nội dung từ #counter được chuyển đổi thành một số nguyên. Điều này làm việc tuyệt vời cho các con số, nhưng nếu vì một lý do nào đó giống như "foo123" là nội dung, nó sẽ trở thành NaN.

Vì vậy, một cách khác để phân tích nó là sử dụng .parseInt()

$('#counter').text(function(i, txt) { 
    return parseInt(txt, 10) + 1; 
}); 

parseInt() hy vọng hai đối số, một giá trị và một cơ số (số cơ sở). Nếu điều này được gọi trên "foo123", nó sẽ trả về "123". Người ta có thể nói rằng đây là một hành vi sai, vì vậy bạn cần phải quyết định biến thể nào bạn muốn có.

Ví dụ: http://www.jsfiddle.net/Mtvju/

Ref .: .text()

Answer 5

Vâng, chuyển nó sang một int. Sử dụng parseInt để chuyển đổi thành số nguyên. Sau đó, sử dụng số .html của jQuery để lấy nội dung của <div> và thay thế các nội dung đó bằng giá trị mới.

$("#counter").html(parseInt($("#counter").html(),10) + 1) 
$("#counter").html(parseInt($("#counter").html(),10) - 1) 

Try it here!

Answer 6

javascript được loại lỏng lẻo. Bạn có thể sử dụng các chuỗi có chứa các số và số như thể chúng ở cả hai nơi cho hầu hết các mục đích. Một nơi phải cẩn thận là +, cả hai đều được thêm và ghép lại. Bạn cần phải định hướng bằng cách nào đó.

function subtract() 
{ 
    count = $('#counter').html(); 
    if(count > 0) 
    { 
    count--; 
    } 
    $('#counter').html(count) 
}