2016-08-13 5 views
1
var sum = 0; 

$(".selected").on('each', (function() { 

     if(!isNaN(this.innerHTML) && this.innerHTML.length!=0) { 
      sum += parseFloat(this.innerHTML); 
     } 

    })); 

$("#sum").html(sum.toFixed(2)); 

.selectedがaddclass()によってクラスが追加されました。 他のクラスでは、上記のjqueryは動作しますが、.selectedは有効ではありません。それだけです0.00addclassから追加されたクラスの使い方

どうすれば処理できますか?私は.LISTクリックすると

this.lists = this.tableColumns.children('.list'); 

//select single list to filter 
    self.lists.on('click', '.left-info', function(){ 
     var list = $(this).parents('.list'); 
     if(!self.filtering && list.hasClass('selected')) { 
      list.removeClass('selected');   
     } else if(!self.filtering && !list.hasClass('selected')) { 
      list.addClass('selected'); 
     } 
    }); 

状況は..です 、リストが選択されて表示するには(CSSの)クラスを追加juqery。 これは私には馴染みがありますが、 ですが、上記のjqueryで.selectedクラスを追加すると、.list .selectedクラスの中の値を合計したいと思います。

var sum = 0; 

$(".selected").each(function() { 
    if(!isNaN(this.innerHTML) && this.innerHTML.length!=0) { 
     sum += parseFloat(this.innerHTML); 
    } 

}); 

$("#sum").html(sum.toFixed(2)); 

私はちょうど.listクラスを合計しようとすると問題はありません。 しかし、私が合計したいのは、(.listと).selectedクラスのためだけです。その結果、jqueryは.selectedクラスを認識しないように見えます。

私はjqueryの非常に初心者です。私は.onのようなものを注文する必要があると思うが、手がかりはない。

+0

を.on変更あなたのhtmlと完全なJavaScriptコードを表示してください。あなたの質問を理解するのは難しいです。 –

答えて

0

このjqueryは機能するはずです。私はちょうど)(.eachする( '各')

var sum = 0; 

$(".selected").each(function() { 
     if(!isNaN(this.innerHTML) && this.innerHTML.length!=0) { 
      sum += parseFloat(this.innerHTML); 
     } 

    }); 

$("#sum").html(sum.toFixed(2)); 

https://jsfiddle.net/khristopherallen/8rLy8qh7/1/

関連する問題