Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Показывать кнопку при условии (https://javascript.ru/forum/dom-window/53592-pokazyvat-knopku-pri-uslovii.html)

рони 11.02.2015 11:18

РустамRu,
таблицу нарисуйте, минимальный html

рони 11.02.2015 11:23

Цитата:

Сообщение от РустамRu
if (x = "Забронирована") $('tr').

if (x == "Забронирована") $(this).css

ksa 11.02.2015 11:23

РустамRu, ты читал это?
http://javascript.ru/forum/site/4917...u-zapuska.html

РустамRu 11.02.2015 11:38

<script>
      $('td.column-7').each(function(){
	var x = $(this).text();
    if (x == "Забронирована") $(this).css({background: '#f3f3f3'});
	});
</script>

<table>
<tbody class="row-hover">
<tr class="row-2">
	<td class="column-1">...</td><td class="column-2">...</td><td class="column-3">...</td><td class="column-4">...</td><td class="column-5">...</td><td class="column-6">...</td><td class="column-7">Свободна</td><td class="column-8"><a href="">...</a></td>
</tr>
<tr class="row-3">
	<td class="column-1">...</td><td class="column-2">...</td><td class="column-3">...</td><td class="column-4">...</td><td class="column-5">...</td><td class="column-6">...</td><td class="column-7">Продана</td><td class="column-8"><a href="">...</a></td>
</tr>
<tr class="row-4">
	<td class="column-1">...</td><td class="column-2">...</td><td class="column-3">...</td><td class="column-4">...</td><td class="column-5">...</td><td class="column-6">...</td><td class="column-7">Забронирована</td><td class="column-8"><a href="">...</a></td>
</tr>
</tbody>
</table>

теперь работает, закрашивается ячейка) а вот как строку закрасить пока додумать не могу)

рони 11.02.2015 11:47

РустамRu,
$(this).parent().css

РустамRu 11.02.2015 12:09

большое спасибо!!! все получилось как надо)

РустамRu 11.02.2015 12:52

а как можно подсчитать количество ячеек со словом (Забронирована), что-то ничего подобного пока не нашел, может подскажите в какую сторону двигаться?

рони 11.02.2015 12:56

Цитата:

Сообщение от РустамRu
в какую сторону двигаться?

в сторону подумать ... if (x == "Забронирована") оно++

РустамRu 11.02.2015 13:03

спасибо) буду думать)

ksa 11.02.2015 13:16

Цитата:

Сообщение от РустамRu
как можно подсчитать количество ячеек со словом (Забронирована), что-то ничего подобного пока не нашел

Да брось! :D

<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	alert('Таких ячеек - '+$('td:contains("Забронирована")').length+' шт.');
});
</script>
</head>
<body> 
<table>
<tbody class="row-hover">
<tr class="row-2">
	<td class="column-1">...</td><td class="column-2">...</td><td class="column-3">...</td><td class="column-4">...</td><td class="column-5">...</td><td class="column-6">...</td><td class="column-7">Свободна</td><td class="column-8"><a href="">...</a></td>
</tr>
<tr class="row-3">
	<td class="column-1">...</td><td class="column-2">...</td><td class="column-3">...</td><td class="column-4">...</td><td class="column-5">...</td><td class="column-6">...</td><td class="column-7">Продана</td><td class="column-8"><a href="">...</a></td>
</tr>
<tr class="row-4">
	<td class="column-1">...</td><td class="column-2">...</td><td class="column-3">...</td><td class="column-4">...</td><td class="column-5">...</td><td class="column-6">...</td><td class="column-7">Забронирована</td><td class="column-8"><a href="">...</a></td>
</tr>
</tbody>
</table>

</body>
</html>

P.S.
Вот это и есть тестовый пример, да еще с возможностью запуска... ;)


Часовой пояс GMT +3, время: 21:43.