Skip to main content
テキストボックスに変更
ソース リンク
kotatsu
  • 2,142
  • 4
  • 17
  • 31

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

$(document).ready(function(){
    
    //$('input').on('keyup', b2というキーワードを含む行を残すfunction(){
    var keyword = 'b2'; Search($(this).val());
    var});
 regExp = new RegExp
});

function Search(keyword); {
    
    $('input').on('click',var functionregExp = new RegExp(keyword){;
     
    $('#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="buttontext" value="実行" />

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="実行" />

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

$(document).ready(function(){
    
    $('input').on('keyup', function(){
        Search($(this).val());
    });
    
});

function Search(keyword) {
    
    var regExp = new RegExp(keyword);
     
    $('#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="text" value="" />

ソース リンク
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="実行" />