Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML: Скрыть строку таблицы содержащей значение... / 16 сообщений из 16, страница 1 из 1
12.12.2019, 09:11
    #39901647
MAULER
MAULER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
Здравствуйте!
Подскажите пожалуйста, как можно скрыть строку таблицы содержащей определённое строковое значение? Например слово "Approver01"?

Таблица не моя. id строке <tr> присвоить не могу. Единственное на что могу ровняться - это значение в одном из столбцов таблицы "Approver01"

вариант с
Код: javascript
1.
   $('tr:contains("Approver01")').closest('tr').hide();


Почему то не работает.

Подскажите пожалуйста, как можно решить мой вопрос?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 11:14
    #39901734
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
MAULER,

так пойдет?
https://jsfiddle.net/5uf18qxL/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 11:40
    #39901756
MAULER
MAULER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
SQLPowerUser
MAULER,

так пойдет?
https://jsfiddle.net/5uf18qxL/


Ох какая жееесть... )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 11:51
    #39901763
MAULER
MAULER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
SQLPowerUser,

У Вас сделано скрытие строки на событие onсlick.
А как сделать на событие обновления страницы внутри
Код: javascript
1.
$(document).ready(function()


?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 11:55
    #39901765
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
MAULER,

как вариант
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
window.onload = hideSomeRows;

function hideSomeRows() {
  let search = 'Approver01';
  let tbl = QS(document, 'table');
  [].forEach.call(tbl.rows, function(row) {
    if (~row.innerHTML.indexOf(search)) {
      row.style.display = 'none';
    }
  });
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 12:25
    #39901786
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
MAULER
вариант с
Код: javascript
1.
   $('tr:contains("Approver01")').closest('tr').hide();


Почему то не работает.
Подскажите пожалуйста, как можно решить мой вопрос?

Не совсем понятно с чего ты решил, что он должен работать?

Как вариант...
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('tr:contains("Approver01")').hide();
});
</script>
</head>
<body>
<table>
	<tr> <th>idx <th>value <th>description
	<tr> <td>10 <td>Approver00 <td>Yesterday
	<tr> <td>20 <td>Approver01 <td>all my troubles
	<tr> <td>30 <td>Approver02 <td>seemed so
	<tr> <td>40 <td>Approver01 <td>far away
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 12:31
    #39901790
MikkiMouse
MikkiMouse
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
MAULER,

Так оно же так как у тебя написано работает: https://jsfiddle.net/fd1g64cn/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 12:34
    #39901794
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
MikkiMouse
MAULER, Так оно же так как у тебя написано работает: https://jsfiddle.net/fd1g64cn/

У него не так написано...

SQLPowerUser , ты сильно усложняешь простые задачи...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 13:33
    #39901822
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
krvsa,

я знаю...
Интересно, на чистом JS есть какой-нибудь хитрый трюк, чтобы было мало кода? Можно ES6.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 14:27
    #39901870
MAULER
MAULER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
krvsa
MAULER
вариант с
Код: javascript
1.
   $('tr:contains("Approver01")').closest('tr').hide();


Почему то не работает.
Подскажите пожалуйста, как можно решить мой вопрос?

Не совсем понятно с чего ты решил, что он должен работать?

Как вариант...
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('tr:contains("Approver01")').hide();
});
</script>
</head>
<body>
<table>
	<tr> <th>idx <th>value <th>description
	<tr> <td>10 <td>Approver00 <td>Yesterday
	<tr> <td>20 <td>Approver01 <td>all my troubles
	<tr> <td>30 <td>Approver02 <td>seemed so
	<tr> <td>40 <td>Approver01 <td>far away
</table>
</body>
</html>



Я применил код - скрывается почему то вообще всё ((
Наверное надо было показать как строки укладываются?
Подсмотрел консолью Chrome:
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 14:57
    #39901899
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
MAULER
Наверное надо было показать как строки укладываются?

Не показать... А сделать тестовый пример и выложить его тут.
На нем бы тебе и показали как и чего нужно делать...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 15:04
    #39901908
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
SQLPowerUser
Интересно, на чистом JS есть какой-нибудь хитрый трюк, чтобы было мало кода? Можно ES6.

Для трюка нужно знать больше деталей... И то не факт, что получится "трюкануть"...

В твоем примере, определив таблицу, можно было вспомнить, что есть целая коллекция rows...
https://www.w3schools.com/jsref/coll_table_rows.asp
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 15:31
    #39901940
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
krvsa,

а коллекция rows у меня используется, и по ней идет перебор таблицы
Код: javascript
1.
[].forEach.call(tbl.rows, function(row) {
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 15:58
    #39901963
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
SQLPowerUser , значит новый синтаксис все еще вводит меня в заблуждение...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.12.2019, 16:54
    #39902020
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
krvsa,

таки через возможности ES6
Код: javascript
1.
2.
3.
4.
5.
+function a() {
	[...QS(document, 'table').rows].forEach(row => {
		!row.innerHTML.includes('Approver01') || (row.style.display = 'none');
	});
}();
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.12.2019, 07:44
    #39902279
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML: Скрыть строку таблицы содержащей значение...
SQLPowerUser , просто бывают такие случаи, когда можно что-то сделать регуляркой... Смотрится такой код очень эффектно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML: Скрыть строку таблицы содержащей значение... / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 386ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443597]:
 0ms
get settings:
 10ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 59ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 227ms
total:  386ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]