HTML+JavaScript(Jquery)で、このような、テーブルの行を検索するプログラムを作成しています。
※Jqueryライブラリの読み込みは省略してます
HTML
1<input type="test" id="search" value="検索"> 2 3<table class="table"> 4<tr><td>あいうえお</td></tr> 5<tr><td>かきくけこ</td></tr> 6</table> 7 8<script> 9$(function(){ 10 $('#search').on('input', function(e){ 11 12 var searchVal = $(this).val(); //検索ワードを取得 13 var aryTr = []; 14 15 if(!searchVal) return false; 16 17 $.each($('.table tr'), function(key, value){ 18 if (value.indexOf(searchVal) != -1) { //エラー 19 aryTr.push(value); 20 } 21 }); 22 }); 23}); 24</script>
しかし、eachの繰り返し処理で取得したvalueは、Element要素なので、エラーが出てしまいます。
この先にやりたいことも踏まえて、valueから、"<tr><td>あいうえお</td></tr>"といった文字列を取得したいです。
こういった、Element要素を上記のような文字列に変換するにはどうすべきでしょうか?
「そもそもテーブル検索にはこのやり方は適していない」と思われてしまうかもしれませんが、まずは上記の悩みの解決方法を知りたいです。
どなたかご教示お願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/10 08:32
2017/01/10 08:47 編集
2017/01/10 08:44
2017/01/10 09:26
2017/01/11 00:26