Как скрыть строку таблицы с помощью jQuery

-1

Я получаю некоторые значения из базы данных, и я хочу показать тему в таблице, которая работает, но что, если я хочу УДАЛИТЬ или СКРЫТЬ ROW, если значение == 0? Я не мог понять, как это сделать ... пожалуйста, помогите мне здесь:Как скрыть строку таблицы с помощью jQuery

Это мой HTML-код

<table class="table table-bordered" id =""> 
          <tr> 
           <th>Type</th><th>days</th> 
          <tr> 
           <td class="lavorato"> 
            Lavorato 
           </td> 
           <td class="lavorato_detail"> 
            ... 
           </td> 
          </tr> 
          <tr> 
           <td class="ferie"> 
            Ferie 
           </td> 
           <td class="ferie_detail"> 
            ... 
           </td> 
          </tr> </table>

Это мой Json

$(document).ready(function(){ 
$('.btn-modal').click(function() { 
    var idts = $(this).data("idts"); 
    $('.lavorato_detail, .permesso_detail, .ferie_detail, .malattia_detail, .aspettativa_detail, .nonretribuito_detail').html('...'); 
    if(idts == "") 
    { 
     $('#details').modal(); 
     return false; 
    } 
    $.ajax({ 
     url: 'count.php', 
     type: "POST", 
     data: "idts="+idts, 
     success: function(data) 
     { 
      dataArray = jQuery.parseJSON(data); 
      $.each(dataArray , function(i, v) { 
       switch(v['desc']) 
       { 
        case 'Lavorato': 
        $('.permesso_detail').html(v['sum_permesso']+ ' Ore'); 
        $('.lavorato_detail').html(v['count_giorno']); 
        break; 

        case 'Ferie': // here i want to add changes 
        $('.ferie_detail').html(v['count_giorno']); 
        break; 


       } 
      }); 

      $('#details').modal(); 
     }, 
    }); 
});

});

, например, я хочу сказать ::: случай 'Ferie': Если == 0 {скрыть все строки, связанные с FERIE в HTML} еще {сделать что-то еще}

источник

2014-11-03 Sattar

.hide(); не работает? –

Нет, его не работает ... – Sattar

U может ошибаться при выборе селектора. –

$('.ferie_detail').parents("tr:first").hide();

Попробуйте это ... .

источник

2014-11-03 10:14:37

'$ .fn.closest' также будет делать это :) – Mephiztopheles

Не работает. Se, если я допустил ошибку где-нибудь ::: case 'Ferie': if ('Ferie' == 0) { $ ('. Ferie_detail'). Родители («tr: first»). Hide(); } else { $ ('. Ferie_detail'). Html (v ['count_giorno']); } – Sattar

можете ли вы объяснить, чего вы пытаетесь достичь? –

Try ниже код

$.each($("#tableDemo tbody").find(".ferie"), function() { 
     if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) == "ferie") 
      $(this).hide(); 
     else 
      $(this).show();     
    });

Убедитесь, что дайте свой идентификатор таблицы, как id="tableDemo"

источник

2014-11-03 10:22:54 prog1011

вы можете объяснить свой код, пожалуйста? – Sattar

Вы можете использовать это.

$('.ferie_detail').parent().hide();

источник

2014-11-03 11:05:21

Я бы рекомендовал установить идентификатор таблицы, но если это не то, что вы ищете, эта линия работает.

$ ('body> table> tbody> tr: nth-child (3)'). Hide();

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>hide demo</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <table class="table table-bordered" id =""> <tr> <th>Type</th><th>days</th> <tr> <td class="lavorato"> Lavorato </td> <td class="lavorato_detail"> ... </td> </tr> <tr> <td class="ferie"> Ferie </td> <td class="ferie_detail"> ... </td> </tr> </table> </html>

Надеется, что это помогает ... =)

источник

2014-11-03 11:44:01 KnuturO

Как скрыть строку таблицы с помощью jQuery

ответ

Смежные вопросы