「javascript/rune_filter」の編集履歴（バックアップ）一覧に戻る

javascript/rune_filter - (2019/01/11 (金) 22:11:02) のソース

#javascript(){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script>
    $('#contents table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(1).text();
        switch (num) {
          case "赤":
            $(this).addClass("red");
            break;
          case "青":
            $(this).addClass("blue");
            break;
          case "緑":
            $(this).addClass("green");
            break;
                   }
      });
    });


    $('#contents table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(2).text();

        if(num.indexOf("ウォーリア") > -1){
          $(this).addClass("Wa");
        }
        if(num.indexOf("レンジャー") > -1){
          $(this).addClass("Ra");
        }
        if(num.indexOf("メイジ") > -1){
          $(this).addClass("Ma");
        }
        if(num.indexOf("クレリック") > -1){
          $(this).addClass("Cl");
        }
        if(num.indexOf("マーチャント") > -1){
          $(this).addClass("Me");
        }
        if(num.indexOf("モンク") > -1){
          $(this).addClass("Mo");
        }

      });
    });

    
    $(function () {
      var cls = "";
      var args = $.trim($('div#cls_args').text()).split(',');
      if(args == ""){
      }
      else{
        var cls = args[0];
        $(cls).prop('checked',true);
        $('.all_class').prop('checked',false);
      }
    });

    var $col_all = $('.all_color');
    $col_all.click(function() {
      $(".check_color").prop('checked',false);
      $col_all.prop('checked',true);
    });  
    
    
    var $col_check = $('.check_color');
    $col_check.click(function() {
      
      $col_all.prop('checked',false);
      var check_count = $('.check_color:checked').length;
      if (check_count == 0 ){
        $col_all.prop('checked',true);
      }
    });

    var $cls_all = $('.all_class');
    $cls_all.click(function() {
      $(".check_class").prop('checked',false);
      $cls_all.prop('checked',true);
    });

    var $cls_check = $('.check_class');
    $cls_check.click(function() {
      $cls_all.prop('checked',false);
      var check_count2 = $('.check_class:checked').length;
      if (check_count2 == 0 ){
        $cls_all.prop('checked',true);
      }
    });





    $(function(){
      $('.check_color,.check_class,.all_color,.all_class').on("change",function(){

        $('#contents table tbody tr').hide();

        $('.chk_color').find('[type=checkbox]:checked').each(function(){
          var hoge1 = $(this).prop("class").split(' ');
          $('.chk_class').find('[type=checkbox]:checked').each(function(){
            var hoge2 = $(this).prop("class").split(' ');
            var array = hoge1.concat(hoge2);  

            $.each(hoge1, function(i, value) {
              $.each(hoge2, function(t, value) {
                $('#contents table tr').filter(function(){return $(this).hasClass(hoge1[i]) && $(this).hasClass(hoge2[t]);}).show();
              });
            });

          });
        });

      })
    });
    
  </script>
}}