Javascript JQuery动态搜索结果不工作
我是JQuery新手,我正在尝试创建一个搜索框。当我在搜索框中输入时,它不会做任何事情,我也不知道为什么。任何帮助都将不胜感激。这是我的密码:Javascript JQuery动态搜索结果不工作,javascript,php,jquery,search,Javascript,Php,Jquery,Search,我是JQuery新手,我正在尝试创建一个搜索框。当我在搜索框中输入时,它不会做任何事情,我也不知道为什么。任何帮助都将不胜感激。这是我的密码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Search Test</title>
</head>
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var $cells = $("td");
$("#search").keyup(function() {
var val = $.trim(this.value).toUpperCase();
if (val === "")
$cells.parent().show();
else {
$cells.parent().hide();
$cells.filter(function() {
return -1 != $(this).text().toUpperCase().indexOf(val); }).parent().show();
}
});
});
</script>
<form action="" method="post">
<label for="search">Search</label>
<input type="text" name="search" id="search" class="inputfield" />
</form>
<table border="0" align="left">
<tr><td>Gripper 25x8-12 GR25812</td></tr>
<tr><td>Gripper 25x10-12 GR251012</td></tr>
<tr><td>Gripper 26x9-12 GR26912</td></tr>
<tr><td>Gripper 26x12-12 GR261212</td></tr>
</table>
</body>
</html>
搜索测试
$(文档).ready(函数(){
var$单元格=$(“td”);
$(“#搜索”).keyup(函数(){
var val=$.trim(this.value).toUpperCase();
如果(val==“”)
$cells.parent().show();
否则{
$cells.parent().hide();
$cells.filter(函数(){
return-1!=$(this.text().toUpperCase().indexOf(val);}).parent().show();
}
});
});
搜寻
夹持器25x8-12 GR25812
夹持器25x10-12 GR251012
夹持器26x9-12 GR26912
夹持器26x12-12 GR261212
这是我试用过的工作代码,它工作正常
尝试在输入框中搜索25x
,您将找到输出
已更新
代码之间可能有一些零宽度的空格,
我检查了一下,发现你的代码中有错误
,比如
Uncaught SyntaxError: Unexpected token ILLEGAL
$(function(){
var $cells = $("td");
$("#search").keyup(function() {
var val = $.trim($(this).val()).toUpperCase();
if (val === "")
$cells.parent().show();
else {
$cells.parent().hide();
$cells.filter(function() {return -1 != $(this).text().toUpperCase().indexOf(val);}).parent().show();
}
});
})
参考文献
如果你重写上面的代码
Uncaught SyntaxError: Unexpected token ILLEGAL
$(function(){
var $cells = $("td");
$("#search").keyup(function() {
var val = $.trim($(this).val()).toUpperCase();
if (val === "")
$cells.parent().show();
else {
$cells.parent().hide();
$cells.filter(function() {return -1 != $(this).text().toUpperCase().indexOf(val);}).parent().show();
}
});
})
然后我发现它可以工作这与phpI没有太大关系,我还尝试了小提琴,它工作得非常完美。当我在Chrome或IE中试用它时,它什么都不起作用:(如果你复制粘贴我的完整代码,它在Chrome中工作?!真奇怪!@Oliver检查上面我对它进行了更改。现在一切都正常了,即使使用我的旧代码。我在谷歌上搜索了错误,显然这只是一个随机错误。我刚刚删除了JQuery代码的最后一行,然后再次键入,它就工作了。非常感谢你的帮助。)时间