bootstrap-table表格條件篩選,篩選出的結果在table裏用紅色字體標識關鍵字

//查詢結果--關鍵字標識爲紅色
         

$("#table").on('post-body.bs.table', function () {
                var txtname = $("#name").val();
                var reg = new RegExp(txtname , 'ig');
                if (txtname != '' && txtname != null) {
                    $("#table tr").each(function (rowIndex) {
                        var zl_name = $(this).find("td").eq(1).text();
                        var zl_content = $(this).find("td").eq(2).text();
                        var zlnameColor = '<span style="color:red">' + txtname + '</span>';
                        var zlcontentColor = '<span style="color:red">' + txtkjname + '</span>';
                        var newzl_name = zl_name.replace(reg, zlnameColor);
                        var newzl_content = zl_content.replace(reg, zlcontentColor);
                        $(this).find("td").eq(1).html(newzl_name);
                        $(this).find("td").eq(2).html(newzl_content);
                    });
                }
            });


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章