4481人阅读
工作上的技术点（9）
做项目的时候通过WebService接口查询出一系列的信息，但是因为信息量大，一时找不到自己想要的。所以加入查询，但是是通过WebService接口查询的，导致不能后台处理这个查询。故而写了一段JS。通过轮询表格的td的方法实现模糊查询。
页面代码如下：
&div class=&search&&
&span class=&fl&&查询条件&/span&
&span class=&fr&&
&input name=&search& type=&button& class=&but_green& tabindex=&2& value=&查询& onclick=&searchVoyageNo()&/&
&input name=&clear& type=&button& class=&but_black& value=&清除& onclick=&clearV();& /&
&/span&&!--
span里无内容时，此span不能删除
&div class=&public_inner&&
&table width=&100%& border=&0& cellspacing=&1& cellpadding=&0& class=&public_table&&
&td class=&text_r&&IMO号：&/td&
&td&&s:textfield id=&transportID& cssClass=&input_s_1& onkeyup=&onkeyup_toUpper(this)&
tabindex=&3&/&
&td class=&text_r&&航次：&/td&
&td&&s:textfield id=&voyageNo& cssClass=&input_s_1& onkeyup=&onkeyup_toUpper(this)&
tabindex=&3&/&
&td class=&text_r&&英文船名：&/td&
&td&&s:textfield id=&shipNameEn& cssClass=&input_s_1& onkeyup=&onkeyup_toUpper(this)& tabindex=&4&/&&/td&
&td class=&text_r&&出发港：&/td&
&td&&s:textfield id=&loadPortId& cssClass=&input_s_1& onkeyup=&onkeyup_toUpper(this)& tabindex=&4&/&&/td&
&div class=&data_list&&
&span class=&fl&&船期信息列表&/span&
&span class=&fr&&&/span&&!--
span里无内容时，此span不能删除
&div class=&list_inner&&
&table id=&shipScheduleVoyage& width=&100%& border=&0& cellspacing=&1& cellpadding=&0& class=&list_table_s&&
&th &IMO号&/th&
&th &航次号&/th&
&th &英文船名&/th&
&th &中文船名&/th&
&th &出发港&/th&
&th &船代&/th&
&th &承运人&/th&
&s:iterator value=&shipSchedule& status=&index&&
id=&transportID&&&input name=&transportID& style=&border:0width:100text-align:& type=&text& readonly=&readonly& value=&&s:property value=&transportID&/&&/&&/td&
id=&voyageNo&&&input name=&voyageNo& type=&text& style=&border:0width:80text-align:& readonly=&readonly& value=&&s:property value=&voyageNo&/&&/&&/td&
id=&shipNameEn&&&input name=&shipNameEn& type=&text& style=&border:0width:text-align:& readonly=&readonly& value=&&s:property value=&shipNameEn&/&&/&&/td&
id=&shipNameCn&&&input type=&text& style=&border:0width:text-align:& readonly=&readonly& value=&&s:property value=&shipNameCn&/&&/&&/td&
id=&loadPortId&&&input name=&loadPortId& type=&text& style=&border:0width:60text-align:& readonly=&readonly& value=&&s:property value=&loadPortId&/&&/&&/td&
id=&agentId&&&input type=&text& style=&border:0width:text-align:& readonly=&readonly& value=&&s:property value=&agentId&/&&/&&/td&
id=&carrier&&&input type=&text& style=&border:0width:60text-align:& readonly=&readonly& value=&&s:property value=&carrier&/&&/&&/td&
&/s:iterator&
&/div&JS代码如下：
$(document).ready(function(){
// 选中表格行信息
$(&#shipScheduleVoyage tr td:not('.oper_btn')&).live(&click&,function(){
var num = 0;
var obj = new Array();
$(&#shipScheduleVoyage tr&).removeClass(&td_bgcolor&);
$(this).parent().addClass(&td_bgcolor&);
$(this).parent().find(&input:not(:button)&).each(function(){
obj[num] = $(this).val();
window.opener.getVoyage(obj);
window.close();
//查询出船期之后的进一步筛选
function searchVoyageNo(){
var voyageNo = $(&#voyageNo&).val();
var shipNameEn =$(&#shipNameEn&).val();
var loadPortId = $(&#loadPortId&).val();
var transportID =$(&#transportID&).val();
if(voyageNo != &&){
$(&#shipScheduleVoyage&tbody&tr:not(:first)&).each(function(){
$(this).find(&input[name ='voyageNo']&).each(function(){
var vn = $(this).val();
if(vn.indexOf(voyageNo) == -1 )
$(this).parents(&tr&).hide();
if(shipNameEn != &&){
$(&#shipScheduleVoyage&tbody&tr:not(:first)&).each(function(){
$(this).find(&input[name ='shipNameEn']&).each(function(){
var sne = $(this).val();
if(sne.indexOf(shipNameEn) == -1 )
$(this).parents(&tr&).hide();
if(loadPortId != &&){
$(&#shipScheduleVoyage&tbody&tr:not(:first)&).each(function(){
$(this).find(&input[name ='loadPortId']&).each(function(){
var lpi = $(this).val();
if(lpi.indexOf(loadPortId) == -1 )
$(this).parents(&tr&).hide();
if(transportID != &&){
$(&#shipScheduleVoyage&tbody&tr:not(:first)&).each(function(){
$(this).find(&input[name ='transportID']&).each(function(){
var ti = $(this).val();
if(ti.indexOf(transportID) == -1 )
$(this).parents(&tr&).hide();
//查询之前恢复全部的船期信息
function reset(){
$(&#shipScheduleVoyage&tbody&tr:not(:first)&).each(function(){
$(this).find(&input[name ='shipNameEn']&).each(function(){
$(this).parents(&tr&).show();
//清除查询条件
function clearV(){
$(&#voyageNo&).val(&&);
$(&#shipNameEn&).val(&&);
$(&#loadPortId&).val(&&);
$(&#transportID&).val(&&);
*英文字母转大写
function onkeyup_toUpper(obj){
$(obj).val($(obj).val().toUpperCase());
}原则上是通过，获取到查询条件的值。然后通过比对轮询td的结果，如果在td中的值含有此字段就保留，如果没有则把tr隐藏。
页面上全数据显示的效果如下：
通过四个字段模糊查询之后的显示效果：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：20197次
排名：千里之外
(1)(1)(1)(4)(6)怎样模糊搜索LOL玩家名字?_百度知道
怎样模糊搜索LOL玩家名字?
就是只知道名字的文字部分，一些符号不知道。
我有更好的答案
这个是不能模糊搜索的只能正确的ID才能搜索到
其他类似问题
为您推荐：
lol的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁sql like 语法 与sql like 模糊查询-Mssql-数据库-壹聚教程网sql like 语法 与sql like 模糊查询
在 SQL 中，可使用以下通配符：
通配符 描述 % 替代一个或多个字符 _ 仅替代一个字符 [charlist] 字符列中的任何单一字符 [^charlist]或者[!charlist] 不在字
LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式。
LIKE 操作符
LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式。
SQL LIKE 操作符语法
SELECT column_name(s)FROM table_nameWHERE column_name LIKE pattern原始的表 (用在例子中的)：
Persons 表:
Id LastName FirstName Address City
1 Adams John Oxford Street London
2 Bush George Fifth Avenue New York
3 Carter Thomas Changan Street Beijing
LIKE 操作符实例
现在，我们希望从上面的 &Persons& 表中选取居住在以 &N& 开始的城市里的人：
我们可以使用下面的 SELECT 语句：
SELECT * FROM PersonsWHERE City LIKE 'N%'提示：&%& 可用于定义通配符（模式中缺少的字母）。
Id LastName FirstName Address City
2 Bush George Fifth Avenue New York
接下来，我们希望从 &Persons& 表中选取居住在以 &g& 结尾的城市里的人：
我们可以使用下面的 SELECT 语句：
SELECT * FROM PersonsWHERE City LIKE '%g'结果集：
Id LastName FirstName Address City
3 Carter Thomas Changan Street Beijing
接下来，我们希望从 &Persons& 表中选取居住在包含 &lon& 的城市里的人：
我们可以使用下面的 SELECT 语句：
SELECT * FROM PersonsWHERE City LIKE '%lon%'结果集：
Id LastName FirstName Address City
1 Adams John Oxford Street London
通过使用 NOT 关键字，我们可以从 &Persons& 表中选取居住在不包含 &lon& 的城市里的人：
我们可以使用下面的 SELECT 语句：
SELECT * FROM PersonsWHERE City NOT LIKE '%lon%'结果集：
Id LastName FirstName Address City
2 Bush George Fifth Avenue New York
3 Carter Thomas Changan Street Beijing
LIKE 操作符
LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式。
SQL LIKE 操作符语法
SELECT column_name(s)
FROM table_name
WHERE column_name LIKE pattern提示：&%& 可用于定义通配符（模式中缺少的字母）。
在搜索中的数据时，您可以使用 SQL 通配符。
SQL 通配符
在搜索数据库中的数据时，SQL 通配符可以替代一个或多个字符。
SQL 通配符必须与 LIKE 运算符一起使用。
在 SQL 中，可使用以下通配符：
通配符 描述 % 替代一个或多个字符 _ 仅替代一个字符 [charlist] 字符列中的任何单一字符 [^charlist]或者[!charlist] 不在字
LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式。
LIKE 操作符
LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式。
SQL LIKE 操作符语法
SELECT column_name(s) FROM table_name WHERE column_name LIKE pattern
&原始的表 (用在例子中的)：
Persons 表: Id LastName FirstName Address City
1 Adams John Oxford Street London
2 Bush George Fifth Avenue New York
3 Carter Thomas Changan Street Beijing
LIKE 操作符实例
现在，我们希望从上面的 &Persons& 表中选取居住在以 &N& 开始的城市里的人： 我们可以使用下面的 SELECT 语句： SELECT * FROM Persons WHERE City LIKE 'N%'
&提示： &%& 可用于定义通配符（模式中缺少的字母）。
Id LastName FirstName Address City
2 Bush George Fifth Avenue New York
接下来，我们希望从 &Persons& 表中选取居住在以 &g& 结尾的城市里的人：
我们可以使用下面的 SELECT 语句：
SELECT * FROM Persons WHERE City LIKE '%g'
Id LastName FirstName Address City
3 Carter Thomas Changan Street Beijing
上一页： &&&&&下一页：相关内容LOL如何通过英雄联盟ID和大区查找对方QQ号码_游戏资讯_热点分享_QQ1000
当前位置：&&&&&&
LOL如何通过英雄联盟ID和大区查找对方QQ号码
作者：QQ1000 围观2045次
很多英雄联盟玩家在游戏中碰到了自己了女神，然则不知道若何经由过程ID和区查找到对方QQ号码。小编今天给人人总结了总结几种网上比较盛行的方法，愿望能赞助到人人！LOL若何经由过程英雄联盟ID和大区查找对方QQ号码？1.首先，登录你的游戏人生。登录你的QQ号。2.点击听众。再点右边的找人。3.输入信息4.最关键的一步来了。右键源代码5.拉到300多行，就会有qq号。小编试了下以上的办法发明并没有什么用，教人人一种简单粗暴的办法，加石友直接问。问不到你不吃亏问到了你就赚咯!俗话说的好撑死胆大的饿死怯弱的呀。以上就是特玩小编带来的关于lol若何经由过程ID和区查找到对方QQ号码文章，愿望能赞助到人人!
标签：&&&&&
本类最新更新
本类推荐内容
本站排行内容