and_smi
@and_smi
Just specialist

Почему срабатывают оба условия?

Всем привет, возник следующий вопрос - есть код на JQuery:
$(function(){
				var $radVal="";
				$(".rad_but").on("click", function () {
					$radVal = $(this).val().toLowerCase();
					$("td>span>strong").each(function () {
						if ($(this).text().toLowerCase().indexOf($radVal) != -1) {
							$(this).closest(".container-fluid").show("slow");
						}
						else{
							$(this).closest(".container-fluid").hide("slow");
						};
					});
				});
			});


Есть так же код на html, привожу пример одного элемента - на самом деле таких блоков много:
<div class="container-fluid" style="margin:0; padding:0;">
	<div class="row-fluid">

		<div class="span12">
			<div class="span5">
				<div class="search-gallery">
					<div class="flexslider" style="cursor:pointer; cursor:hand;">
						<ul class="slides">
							<li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;"><a class="group_11_1 cboxElement" href="gallery/1428928724_1424163227_634795249182530000-f1ac20d8-151d-4027-9e52-5b578e35248b.jpg" style="text-decoration:none; "><img src="gallery/thumb_1428928724_1424163227_634795249182530000-f1ac20d8-151d-4027-9e52-5b578e35248b.jpg" style="border-style: none"></a></li><li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class=""><a class="group_11_1 cboxElement" href="gallery/1428928725_1424163227_634795249314640000-3c7879de-1d23-4374-a6e7-20eebc2648c4.jpg" style="text-decoration:none; "><img src="gallery/thumb_1428928725_1424163227_634795249314640000-3c7879de-1d23-4374-a6e7-20eebc2648c4.jpg" style="border-style: none"></a></li><li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item;" class="flex-active-slide"><a class="group_11_1 cboxElement" href="gallery/1428928725_1424163227_634795249402730000-d6548147-0de0-41df-b494-0299fccaa2c0.jpg" style="text-decoration:none; "><img src="gallery/thumb_1428928725_1424163227_634795249402730000-d6548147-0de0-41df-b494-0299fccaa2c0.jpg" style="border-style: none"></a></li><li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class=""><a class="group_11_1 cboxElement" href="gallery/1428928725_1424163227_634795249501120000-a2128192-d1ea-4f2c-9958-9cd042970a8b.jpg" style="text-decoration:none; "><img src="gallery/thumb_1428928725_1424163227_634795249501120000-a2128192-d1ea-4f2c-9958-9cd042970a8b.jpg" style="border-style: none"></a></li>														</ul>
						<ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="flex-active">3</a></li><li><a class="">4</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="#">Previous</a></li><li><a class="flex-next" href="#">Next</a></li></ul></div>
				</div>
			</div>
			<div class="span7">
				<div class="search-details">
					<table cellpadding="5" cellspacing="0" border="0" width="100%" style="text-align:left; ">

						<tbody><tr>
							<td width="100%">&nbsp;
								<span style="font-size:18px;">
			<strong>

			Апартаменты				(одноместный) 			</strong>
		</span>
								<span style="float:right;">



			<a href="roomtype-details.php?tid=11" id="iframe_details_11_11" class="cboxElement">Подробно</a>
		</span>
							</td>
						</tr>
						<tr>
							<td width="100%" valign="top" style="font-size:13px">
								<table width="100%" class="table table-bordered table2">
									<tbody><tr>
										<td><strong>Максимальная вместимость</strong></td>
										<td>1 																			человек(а)  в номере</td>
									</tr>
									<tr>
										<td><strong> Итоговая цена за номер&nbsp;</strong></td>
										<td><span style="font-weight:bold;"><strong>RUB 2,400.00</strong> <span style="color:#39872E">Завтрак включен</span><br> </span></td>
									</tr>
									<tr>

										<td><strong>Выберите количество номеров</strong></td>
										<td>
											<select name="svars_selectedrooms[]" class="input-mini">
												<option value="0" selected="selected">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option>																				</select>
										</td>
									</tr>
									</tbody></table>
							</td>
						</tr>
						</tbody></table>
					<button id="registerButton" type="submit" class="conti2" style="margin-left: 0px; float: right;     color: #FFFFFF;">Забронировать</button>
				</div>
			</div>

		</div>
	</div>
</div>


Вопрос в следующем: почему работают два условия? Когда кликаю кнопку, то те блоки, которые совпали они появляются, но потом по второму условию исчезают. В чем моя ошибка? Заранее благодарю за любую помощь.
  • Вопрос задан
  • 174 просмотра
Решения вопроса 1
@Apachaiblow
Пройдитесь по циклу и посмотрите, что и когда срабатывает

https://learn.javascript.ru/debugging-chrome
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
LittleFatNinja
@LittleFatNinja
горе девелопер, любитель лютой садомии
такого не может быть
Ответ написан
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
Вот и нафига эти портянки кода сюда выкладывать? На codepen кто будет заливать?

В html нет ни одного элемента с классом rad_but, на который назначен клик.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы