前台字符串过滤_前台进行条件查询

原来做条件查询的时候都是将数据返回到后台进行模糊查询，需要查数据库，今天做的内容第一次使用前台进行条件查询；

核心方法：str.index(“”)

<div class="classTabCon" id="${pageId}contentActivities" style="display: none;">
					<div class="selectedClassList clearfix" style="border:none;">
						<c:if test="${empty activityCourses}">
							暂无活动课程信息
						</c:if>
						<c:if test="${not empty activityCourses}">
							<div class="searchBox">
								<form method="post" id="jvForm" >
									活动名称：<input  type="text" id="activeName"  placeholder="活动名称" value=""/> 
									课程名称：<input type="text" id="courseName"  placeholder="课程名称" value=""/>  
									<a href="javascript:void(0);" class="BtnPink"  οnclick="query()">查询</a>
									<a href="javascript:;" οnclick="exportReport();" class="BtnPink" style="float:right; margin:0px 5px 0px;">导出报表</a>
								</form>
							</div>
							<table class="interviewTable" id="forquery">
								<tr>
									<th width="60px">序号</th>
									<th width="140px">活动名称</th>
									<th width="200px">课程名称(上课时间)</th>
									<th width="100px">课程类别</th>
									<th width="100px">任课教师</th>
									<th width="100">计划招生人数</th>
									<th width="100">实际报名人数</th>
								</tr>
								<c:forEach items="${activityCourses}" var="item" varStatus="status">
									<tr align="center" height="30px">
										<td>${status.count}</td>
										<td class="ell"><a href="${path}/aa/activity/toActivityDetail?id=${item.applyActivity.id}" >${item.applyActivity.name}</a></td>
										<td class="ell">${item.course.name}(${item.activityCourseTimesStr})</td>
										<td>${item.course.typeStr}</td>
										<td>${item.teacherNames}</td>
										<td>${item.maxNum}</td>
										<td><a href="javascript:void(0);" οnclick="studentDetail('${item.applyActivity.id}','${item.id }')">${item.courseReportCount}</a></td>
									</tr>
								</c:forEach>
							</table>
						</c:if>
					</div>
				</div>

function query(){
			var name = $("#courseName").val().trim();
			var active = $("#activeName").val().trim();
			$("#forquery tr:gt(0)").each(function(index, domEle){
				var courseName = $(domEle).find("td:eq(2)").text();
				var activeName = $(domEle).find("td:eq(1)").text();
				if(courseName.indexOf(name) >= 0 && activeName.indexOf(active)>=0){
					$(domEle).show("slow");
				}else{
					$(domEle).hide();
				}
			});
		}