我一直在寻找各种解决方案和过滤表 仍然无法正常工作。这就是为什么我决定将代码发布到 看出来是什么问题。
我的表结果是从数据库中提取的。
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>