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

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

　　demo:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<title>Document</title>
  6. 	<script src="http://code.jquery.com/jquery-latest.js"></script>
  7. 	<link href="https://cdn.bootcss.com/weui/0.4.2/style/weui.min.css" rel="stylesheet">
  8. 	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  9. 	<script>
  10. 		$(function(){
  11. 			var coding = "CODING";
  12. 			var coding=coding.toUpperCase();
  13. 			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();
  14. 		})
  15. 	</script>
  16. </head>
  17. <body>
  18. 	<div class="weui_cells weui_cells_access search_show" id="search_show" style="diplay:none;">
  19. 			<div class="weui_cell ">
  20. 				<div class="weui_cell_bd weui_cell_primary">
  21. 					<a class="qy_color bolSearch">CODING</a>
  22. 				</div>
  23. 			</div>
  24. 		    <div class="weui_cell bolSearch">
  25. 				<div class="weui_cell_bd weui_cell_primary">
  26. 					<a class="qy_color bolSearch" >WW11JS0261</a>
  27. 				</div>
  28. 			</div>
  29. 			<div class="weui_cell ">
  30. 				<div class="weui_cell_bd weui_cell_primary">
  31. 					<a class="qy_color bolSearch" >OTHER</a>
  32. 				</div>
  33. 			</div>
  34. 			<div class="weui_cell ">
  35. 				<div class="weui_cell_bd weui_cell_primary">
  36. 					<a class="qy_color bolSearch" >LITER</a>
  37. 				</div>
  38. 			</div>
  39. 			<div class="weui_cell ">
  40. 				<div class="weui_cell_bd weui_cell_primary">
  41. 					<a class="qy_color bolSearch" >POST</a>
  42. 				</div>
  43. 			</div>
  44. 			<div class="weui_cell">
  45. 				<div class="weui_cell_bd weui_cell_primary">
  46. 					<a class="qy_color bolSearch" >WW11JM042222</a>
  47. 				</div>
  48. 			</div>
  49. 			<div class="weui_cell">
  50. 				<div class="weui_cell_bd weui_cell_primary">
  51. 					<a class="qy_color bolSearch">WW11JM031855</a>
  52. 				</div>
  53. 			</div>
  54. 	</div>
  55. </body>
  56. </html>

　上面这个没问题：

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

  1. <script>
  2. 		$(function(){
  3. 			var coding = "CODING";
  4. 			var coding=coding.toUpperCase();
  5. 			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();
  6. 		})
  7. 	</script>

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

  1. 	<script>
  2. 		$(function(){
  3. 			var coding = "WW11";
  4. 			var coding=coding.toUpperCase();
  5. 			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();
  6. 		})
  7. 	</script>

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

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

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

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

改为

  1. $(".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. Adapt适配器

    为接口提供所有的空实现,让使用者仅仅覆盖需要的部分: 本思想肯定有问题,慢慢考究 frame.addWindowListener(new WindowAdapter() { @Override pub ...

  2. Oracle数据库找回密码

    Oracle数据库忘记用户的密码.经验证,可行的解决方案如下: 1.Ctrl + R 打开cmd窗口,输入 sqlplus / as sysdba  (注意/左右两侧有空格) 2.运行cmd ,输入 ...

  3. Android中AIDL的理解与使用(二)——跨应用绑定Service并通信

    跨应用绑定Service并通信: 1.(StartServiceFromAnotherApp)AIDL文件中新增接口: void setData(String data); AppService文件中 ...

  4. JavaScript葵花宝典之闭包

    闭包,写过JS脚本的人对这个词一定不陌生,都说闭包是JS中最奇幻的一个知识点,  虽然在工作中,项目里经常都会用到~  但是是不是你已经真正的对它足够的了解~~ 又或者是你代码中出现的闭包,并不是你刻 ...

  5. 在Web工程中引入Jquery插件报错解决方案

    在学习Jquery插件的时候,遇到一个问题就是新建web工程后在WebRoot下引入Jquery插件的时候报错,不知道为什么好纠结,但是项目能正常运行,后来找到解决方案,在这里给大家分享一下. 解决方 ...

  6. C和指针 第十六章 标准函数库 信号

    信号名<signal.h> 程序中大多数错误都是程序本身导致的,但是,有些程序遇到的事件却不是程序本身所引发的.比如用户终止程序,程序无法预知此类事件发生的情况,信号就是为了对此类事件做出 ...

  7. Dijkstra 算法

    all the nodes should be carectorized into three groups: (visited, front, unknown) we should pay spec ...

  8. PHP错误以及异常处理

    以前一直觉得php的异常处理没有什么,现在才发现这个还真是门学问,于是狠下心来好好研究了一下,写一篇文章,也作备忘吧. 1. php错误 无论是什么语言编程,都会有如下三种错误,当然php也不例外. ...

  9. 【spoj705】 Distinct Substrings

    [题目描述] 给定一个字符串,计算其不同的子串个数. [输入格式] 一行一个仅包含大写字母的字符串,长度<=50000 [输出格式] 一行一个正整数,即不同的子串个数. [样例输入] ABABA ...

  10. 浅谈CPU和GPU的区别

    导读: CPU和GPU之所以大不相同,是由于其设计目标的不同,它们分别针对了两种不同的应用场景.CPU需要很强的通用性来处理各种不同的数据类型,而GPU面对的则是类型高度统一的.相互无依赖的大规模数据 ...