jquery代碼更改CSS，但我想發射一個函數

Question

我有一行代碼，它等待#total增加1，並在發生這種情況時更改CSS。

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

我想知道 - 如果我想保留相同的代碼，而不是.css（）;開發一個函數，而不是單獨改變CSS。這可能嗎？

謝謝！

Answer 1

當然，使用.each()，像這樣：

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

Answer 2

$('#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