Skip to main content
1 / 2
kotatsu
  • 2,142
  • 4
  • 17
  • 31

jQuery的に書くならrows, cellsよりセレクタにeachだと思います。
キーワード一致は正規表現を使っています。このあたりは良しなに。

$(document).ready(function(){
    
    // b2というキーワードを含む行を残す
    var keyword = 'b2';
    var regExp = new RegExp(keyword);
    
    $('input').on('click', function(){
        $('#TABLE1').find('tr').hide().each(function(){
            var tr = $(this);
            $(this).find('td').each(function(){
                if ($(this).text().match(regExp)) {
                    tr.show();
                }
            })
        });
    });
    
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<table id="TABLE1"><tbody>
    <tr><td>a1</td><td>zzb1zz</td><td>c1</td></tr>
    <tr><td>a2</td><td>zzb2zz</td><td>c2</td></tr>
    <tr><td>a3</td><td>zzb3zz</td><td>c3</td></tr>
</tbody></table>

<input type="button" value="実行" />

kotatsu
  • 2,142
  • 4
  • 17
  • 31