關於一個parent(),siblings()的小問題

時間 2019-12-04 標籤關於一個 parent siblings 問題

　　今天發現一個小問題，如今也不知道究竟是哪一個梗在做祟，可是感受是parent()和siblings()其中的一個。css

　我是想這樣的根據輸入的條件刪選內容：html

　　demo:jquery

<!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」（以下）的內容，在瀏覽器裏也結結實實的展示出來了。ide

<script>
		$(function(){
			var coding = "CODING";
			var coding=coding.toUpperCase();
			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();
		})
	</script>

可是，我把條件改成WW11時（以下），按我本身理解來說，屬於WW11的最後2個內容應該顯示出來，可是什麼都不出來？神馬狀況？ui

	<script>
		$(function(){
			var coding = "WW11";
			var coding=coding.toUpperCase();
			$(".bolSearch").hide().filter(".bolSearch:contains("+coding+")").show().parent().parent().siblings().hide();
		})
	</script>

接着，再改搜索條件，把WW11改成WW11JM031也就是說這個條件是惟一的，不重複的。spa

沒事了，選取的條件能夠再次顯示出來了。scala

接着，我又把條件WW11JM031改回WW11，同時code

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

改成cdn

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

就達到我想顯示出來的全部內容了。雖然內容知足了，可是顯示又不知足個人要求了。

最後仍是繞了一路，把樣式改了。

可是這個梗仍是沒繞過去，不明白爲何只能篩選出惟一的條件。

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

以上。　　