jQuery过滤表按关键字

时间:2015-04-27 02:21:55

标签: javascript jquery html mysql

我一直在寻找各种解决方案和过滤表  仍然无法正常工作。这就是为什么我决定将代码发布到  看出来是什么问题。

我的表结果是从数据库中提取的。

HTML

<h3>Members</h3>
    <c:if test="${!empty memberList}">
    <table id="example" class="data">
    <thead>
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Email</th>
        <th></th>
        <th></th>
    </tr>
    </thead>
        <tbody>
            <tr>
            <form:form name="membersearch" id="search" modelAttribute="member" method="post" action="${searchMemberURL}" >
                <tr>
                    <td><form:label path="keyword">Keyword: </form:label></td>
                    <td><form:input path="keyword" /></td>
                </tr>
                <tr>
                    <td><form:label path="searchby">Search By: </form:label></td>
                    <td><form:input path="searchby" /></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" value="Search"/>
                    </td>
                </tr>
            </form:form>
            </tr>
        </tbody>

以下是我的jquery关键字搜索javascript

的Javascript

<script type="text/javascript">
var $rows = $('#example tr');
$('#search').keyup(function() {

    var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
        reg = RegExp(val, 'i'),
        text;

    $rows.show().filter(function() {
        text = $(this).text().replace(/\s+/g, ' ');
        return !reg.test(text);
    }).hide();
});
</script>

0 个答案:

没有答案