今天发现一个小问题，现在也不知道到底是哪个梗在作祟，但是感觉是parent()和siblings()其中的一个。

　 我是想这样的根据输入的条件删选内容：

　　demo:

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

	<script src="http://code.jquery.com/jquery-latest.js"></script>

	<link href="https://cdn.bootcss.com/weui/0.4.2/style/weui.min.css" rel="stylesheet">

	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

	<script>

		$(function(){

			var coding = "CODING";

			var coding=coding.toUpperCase();

			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();

		})

	</script>

</head>

<body>

	<div class="weui_cells weui_cells_access search_show" id="search_show" style="diplay:none;">

			<div class="weui_cell ">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch">CODING</a>

				</div>

			</div>

		    <div class="weui_cell bolSearch">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch" >WW11JS0261</a>

				</div>

			</div>

			<div class="weui_cell ">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch" >OTHER</a>

				</div>

			</div>

			<div class="weui_cell ">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch" >LITER</a>

				</div>

			</div>

			<div class="weui_cell ">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch" >POST</a>

				</div>

			</div>

			<div class="weui_cell">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch" >WW11JM042222</a>

				</div>

			</div>

			<div class="weui_cell">

				<div class="weui_cell_bd weui_cell_primary">

					<a class="qy_color bolSearch">WW11JM031855</a>

				</div>

			</div>

	</div>

</body>

</html>

　上面这个没问题：

搜索条件为存在：“COIDNG”（如下）的内容，在浏览器里也结结实实的展现出来了。

<script>

		$(function(){

			var coding = "CODING";

			var coding=coding.toUpperCase();

			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();

		})

	</script>

但是，我把条件改为WW11时（如下），按我自己理解来讲，属于WW11的最后2个内容应该显示出来，但是什么都不出来？神马情况？

	<script>

		$(function(){

			var coding = "WW11";

			var coding=coding.toUpperCase();

			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();

		})

	</script>

接着，再改搜索条件，把WW11改为WW11JM031也就是说这个条件是唯一的，不重复的。

没事了，选取的条件可以再次显示出来了。

接着，我又把条件WW11JM031改回WW11，同时

$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();

改为

$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show();

就达到我想显示出来的所有内容了。虽然内容满足了，但是显示又不满足我的要求了。

最后还是绕了一路，把样式改了。

但是这个梗还是没绕过去，不明白为什么只能筛选出唯一的条件。

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

以上。　　

关于一个parent(),siblings()的小问题的更多相关文章

  1. 分析一个类似于jquery的小框架

    在网上下了一个类似于jQuery的小框架,分析源码,看看怎么写框架. 选择器Select //用沙箱闭包其整个代码,只有itcast和I暴漏在全局作用域 (function( window , und ...

  2. 小易邀请你玩一个数字游戏，小易给你一系列的整数。你们俩使用这些整数玩游戏。每次小易会任意说一个数字出来，然后你需要从这一系列数字中选取一部分出来让它们的和等于小易所说的数字。 例如： 如果{2,1,2,7}是你有的一系列数，小易说的数字是11.你可以得到方案2+2+7 = 11.如果顽皮的小易想坑你，他说的数字是6，那么你没有办法拼凑出和为6 现在小易给你n个数，让你找出无法从n个数中选取部分求和

    小易邀请你玩一个数字游戏,小易给你一系列的整数.你们俩使用这些整数玩游戏.每次小易会任意说一个数字出来,然后你需要从这一系列数字中选取一部分出来让它们的和等于小易所说的数字. 例如: 如果{2,1,2 ...

  3. 一个关于echo的小知识点

    一个关于echo的小知识点     echo一个布尔值时,如果是true,输出1,而如果是false,将什么都不输出! 网上搜的一个解释: 对于数字类型来说,false 确实 是 0, 而对strin ...

  4. 一个简单的Android小实例

    原文:一个简单的Android小实例 一.配置环境 1.下载intellij idea15 2.安装Android SDK,通过Android SDK管理器安装或卸载Android平台   3.安装J ...

  5. 实现一个servlet的helloworld小程序（不适用Eclipse）

    实现一个servlet的helloworld小程序(不适用Eclipse) 1. 在tomcat中的webapps下建一个应用程序FirstServlet(C:\tomcat\webapps\Firs ...

  6. Ajax传递json数据简介和一个需要注意的小问题

    Ajax传递json数据 Ajax操作与json数据格式在实际中的运用十分广泛,本文为大家介绍一个两者相结合的小案例: 项目结构 我们新建一个Django项目,在里面创建一个名为app01的应用: p ...

  7. Java学习笔记二十九:一个Java面向对象的小练习

    一个Java面向对象的小练习 一:项目需求与解决思路: 学习了这么长时间的面向对象,我们只是对面向对象有了一个简单的认识,我们现在来做一个小练习,这个例子可以使大家更好的掌握面向对象的特性: 1.人类 ...

  8. 开源一个Mac漂亮的小工具 PPRows for Mac, 在Mac上优雅的计算你写了多少行代码

    开源一个Mac漂亮的小工具 PPRows for Mac, 在Mac上优雅的计算你写了多少行代码. 开源地址: https://github.com/jkpang/PPRows

  9. 用 C# 写一个 Redis 数据同步小工具

    用 C# 写一个 Redis 数据同步小工具 Intro 为了实现 redis 的数据迁移而写的一个小工具,将一个实例中的 redis 数据同步到另外一个实例中.(原本打算找一个已有的工具去做,找了一 ...

随机推荐

  1. C语言基础(10)-数组

    一.数组的定义 数组就是在内存中连续的相同类型的变量空间. 二.数组在内存中的存储方式 同一个数组所有的成员都是相同的数据类型,同时所有的成员在内存中的地址是连续的,数组名是一个地址的常量,代表数组中 ...

  2. mvc添加多条数据到数据库

    from : http://www.th7.cn/Program/net/201502/387849.shtml mvc的视图太强大了,个人刚刚接触.(初级菜鸟,懂的不多,往大神们指点)需求是,客户点 ...

  3. vue DatePicker vue2.0的日期插件

    一个用vue2.0写的日期控件,可以支持简单的年月日选择.地址:https://github.com/Stevenzwzhai/vue-datepicker. 首先是关于日期对象的使用,基本就是日期的 ...

  4. 让VS2010支持Windows2000

      2015-10-20 14:21 375人阅读 评论(0) 收藏 举报  分类: 学习笔记(33)  技术心得(1)  用Visual Studio 2010编译的程序无法在Windows 200 ...

  5. C#在函数内部获取函数的参数

    foreach (var parameter in typeof(类名).GetMethod("方法名").GetParameters()) { Console.WriteLine ...

  6. Json.net日期格式化

    1. 全局设置,可以在App_Global中配置 JsonSerializerSettings setting = new JsonSerializerSettings(); JsonConvert. ...

  7. shanquan2的两年三题系列

    好像只有2个月就退役啦 不管了,先说一下哪三题:多点求值.lcm.替罪羊树(bzoj3065) [upd0]2016.3.29 多点求值A掉啦,myy卡常数sxbk(不是说好的是shanquan2出的 ...

  8. Java内部类与外部类的那些事

    昨天去笔试的时候遇到了Java的内部类的创建方式与访问权限的问题,我不懂,没写,故今天起来特意去试验一下,就有了这篇总结性的文章. Java中的内部类又分为非静态内部类(匿名内部类也是非静态的内部类) ...

  9. linux 软连接和硬链接

    硬链接 ln sourceFile targetFile 硬链接只能给文件创建,不能为目录建立硬链接,硬链接不能跨分区创建,  硬链接会增加inode连接数, 硬链接的文件删除不影响其他文件 课外: ...

  10. Ajax加载菊花loding效果

    Ajax 异步请求的时候,一般都会利用一个动态的 gif小图片来制作一个Ajax Loading ,以便增加用户体验. 这里我们使用Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外 ...