jquery - jquery コードは CSS を変更しますが、代わりに関数を起動したい

Question

#total が 1 増加するのを待って、それが発生したときに CSS を変更するコード行があります。

$('#total_shares').html(parseFloat($('#total').html())+1).css({
   //Changes CSS of #total
});

私が知りたいのは、.css(); の代わりに同じコードを保持したい場合です。CSS だけを変更するのではなく、より多くのオプションがある場合は、代わりに関数を起動します。これは可能ですか？

ありがとう！

Answer 1

$('#total_shares').html(parseFloat($('#total').html())+1).each(function(idx, domElement){
   var $jQueryElement = $(domElement);
   // DO ANYTHING YOU WISH 
});

このようにして、最初のセレクターを変更しても、一致したすべての要素のすべての機能を保持できます。

それ以外の場合、要素が1つしかないことがわかっている場合(これはあなたの場合です)、次のことができます:

var $jQueryElement = $('#total_shares').html(parseFloat($('#total').html())+1);
// DO ANYTHING YOU WISH with the matched element

Answer 2

確かに.each()、次のように使用します。

$('#total_shares').html(parseFloat($('#total').html())+1).each(function() {
   $(this).css({left: 50});//example css change
   //Changes CSS of #total
});