0

データベースから結果を取得しようとしています。それをに挿入し、これらの 2 つの HTML要素<li>から取得した 2 つの値のうち大きい方を強調表示します。jsfiddle<li>を作成しましたが、2 つの値を比較した結果に基づいてを変更する方法がわかりません。addClass()<li>

4

4 に答える 4

2

フィドル

http://jsfiddle.net/syKWz/6/

修繕

  • css クラスli.leader、無効な 7 桁の色
  • ロジックはleader&の両方followerを比較対象のペアに追加する必要がありますli

コード

$(function() {
    var val1 = parseInt($('.leader1').text(), 10);
    var val2 = parseInt($('.leader2').text(), 10);
    if(val1 > val2) {
        $('.leader1').addClass('leader'); 
        $('.leader2').addClass('follower');
    } else {
        $('.leader1').addClass('follower'); 
        $('.leader2').addClass('leader');
    }
});

</p>

于 2012-10-09T04:45:05.533 に答える
1

これが私がしたことです：

$(function()
{
      var val1 = parseInt($('.leader1').text(), 10);
      var val2 = parseInt($('.leader2').text(), 10);
      if(val1 > val2){
        **$('.leader1').attr('class','.li.leader');** 
      }
      else{
            **$('.leader2').attr('class','.li.follower');**
      }
 }
 );
于 2012-10-09T04:29:50.517 に答える
0

toggleClass関数を引数として受け入れるのシグネチャを使用したサンプルを次に示します。

$(function() {
    $("li").toggleClass(function() {
        if(parseInt($(this).text(), 10) >
           parseInt($(this).siblings().text(), 10)) {
               return "leader";
           } else {
               return "follower";
           }
    });
});
于 2012-10-09T04:31:44.397 に答える
0

これを試して

$(function()
{
  var val1 = parseInt($('.leader1').text(), 10);
  var val2 = parseInt($('.leader2').text(), 10);
  if(val1 > val2){
    $('.leader1').addClass('leader'); 
  }
    else{
        $('.leader2').addClass('follower');
   }
}

);

jsfiddle: http://jsfiddle.net/syKWz/5/

于 2012-10-09T04:33:23.753 に答える