jQuery的。 按类别名称检查每个项目

Question

For example, there are some tags

<input value="1000" class="chrome-input" />
<input value="2000" class="chrome-input" />

How can I make manipulation with each value? Here I can set value to each input. $(".chrome-input").val("10"); But what if I want multiply each value by 10 .

Something like that $(".chrome-input").val($(".chrome-input").val()*10);

And I want to get that

<input value="10000" class="chrome-input" />
<input value="20000" class="chrome-input" />

Answer 1

The clean way of doing this is with the callback signature of val :

$('.chrome-input').val(function(i, oldVal) {
    return parseInt(oldVal, 10) * 10;
});

If you pass a function as the first argument of val , that function will be called on each element. The second argument passed will be the current value of the element. The return value of the function will be set as the new value.

Answer 2

$(".chrome-input").each(function() {
  var el = $(this);
  el.val(el.val() * 10);
});

Answer 3

You can use .each() like so:

$('.chrome-input').each(function(i,ele){
  var $this = $(this);
  $this.val( parseInt($this.val(),10) * 10 );
});

Answer 4

Try this : http://jsfiddle.net/vdTT4/

$(".chrome-input").each(function(){
    $(this).val($(this).val() * 10);
}); 

Answer 5

$(".chrome-input").each(function(){var value = $(this).val(); $(this).val(value*10); });

Answer 6

you need to use function each()

$('li').each(function(index) {
  alert(index + ': ' + $(this).text());
});

link to jQuery documentation