0

それが入っている列を非表示にします。私が作成しました。

私の表は下にあります。

<table id="tester" border='1'>
<tbody>
    <tr>
        <td>test1</td>
        <td>test2</td>
        <td>test3</td>
    </tr>
    <tr>
        <td>test1</td>
        <td></td>
        <td>test3</td>
    </tr>
    <tr>
        <td>test1</td>
        <td>test2</td>
        <td>test3</td>
    </tr>
    <tr>
        <td>test1</td>
        <td>test2</td>
        <td>test3</td>
    </tr>
    <tr>
        <td>test1</td>
        <td>test2</td>
        <td>test3</td>
    </tr>
</tbody>
</table>

そして、私が機能させようとしているJqueryは以下のとおりです。

どんな助けでもいただければ幸いです。

4

3 に答える 3

1

これを試して：

function hidecol2() {
    var cell = $('#tester > tbody > tr:eq(1) > td:eq(1)');
    if (cell.text() == '') cell.parent().parent().children().children(':nth-child(2)').hide;
};
于 2013-03-24T15:00:01.803 に答える
0

あなたが探していると思います。

$.each($('table > tbody > tr'), function(){
  if($(this).find('td:empty').length>0){
    // You can hide
    $(this).hide();

    // Or Remove
    $(this).remove();

    // Or Fadeout and remove
    $(this).fadeOut(250, function(){$(this).remove();});
  }
});
于 2013-03-24T14:59:35.207 に答える
0

セルの1つが空の場合に列全体を非表示にするには、次を使用します。

$.each($('td:empty'), function(){
  $('td:nth-child(' + ($(this).index() + 1) + ')').hide();
});

jsFiddle

于 2013-04-22T22:51:13.533 に答える