ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [jquery]Выбрать все последующие строки таблицы
4 сообщений из 4, страница 1 из 1
[jquery]Выбрать все последующие строки таблицы
    #38176494
Dmitrij_3325
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dmitrij_3325
Гость
Добрый день, имею вопрос с Jquery не очень, искал в поисковике нечего подходящего не нашол.
У меня имеется таблица:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<table>
<tr class="tr_mark">
<td class='menu'></td>
</tr>
<tr class="tr_task">
<td></td>
</tr>
<tr class="tr_task">
<td></td>
</tr>
<tr class="tr_mark">
<td class='menu'></td>
</tr>
<tr class="tr_task">
<td></td>
</tr>
</table>


Пытаюсь сделать следующее: при нажатии на картинку "+" спрятать строки с классом tr_task но только до строки с классом tr_mark
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<script type="text/javascript">
$(function(){
	var td_menu = $(".menu");//строки которые видны всегда
	td_menu.append("<img src='css/main_win/img/plus.png'>");//добавляю в них картинку
	td_menu.find('img').click(openTree);//по клику на ней вызов функции показа и скрытия элемента
	function openTree(){
	var select = $(this).parents('tr');//jn td поднимаюсь по дереву к родителю
	
//дальше не знаю как пробовал метод next, но не добился желаемого результата

	}
});
</script>



помогите добиться эфекта выпадающего дерева
...
Рейтинг: 0 / 0
06.03.2013, 18:17
| Ответить | Цитировать | Написать  
[jquery]Выбрать все последующие строки таблицы
    #38176658
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Dmitrij_3325У меня имеется таблица:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<table>
<tr class="tr_mark">
<td class='menu'></td>
</tr>
<tr class="tr_task">
<td></td>
</tr>
<tr class="tr_task">
<td></td>
</tr>
<tr class="tr_mark">
<td class='menu'></td>
</tr>
<tr class="tr_task">
<td></td>
</tr>
</table>


при нажатии на картинку "+" спрятать строки с классом tr_task но только до строки с классом tr_mark
Где в твоём примере та картинка (+)?
Как понять изпримера какие именно "строки с классом tr_task" нужно закрыть "до строки с классом tr_mark"?
...
Рейтинг: 0 / 0
06.03.2013, 20:48
| Ответить | Цитировать | Написать  
[jquery]Выбрать все последующие строки таблицы
    #38176667
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Dmitrij_3325помогите добиться эфекта выпадающего дерева
Делай правильный контент и будет тебе счастие!

Код: 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.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.tr_task {
	display: none;
	cursor: pointer;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('.menu').click(function (){
		$(this).parents('tbody').find('.tr_task').toggle();
	});
});
</script>
</head>
<body>
<table>
	<tbody>
		<tr class="tr_mark">
			<td class='menu'>+</td>
		</tr>
		<tr class="tr_task">
			<td>1</td>
		</tr>
		<tr class="tr_task">
			<td>2</td>
		</tr>
	</tbody>
	<tbody>
		<tr class="tr_mark">
			<td class='menu'>+</td>
		</tr>
		<tr class="tr_task">
			<td>1</td>
		</tr>
	</tbody>
</table>
</body>
</html>



Да и дерево обычно делают с использование списков, а не таблиц...
...
Рейтинг: 0 / 0
06.03.2013, 20:57
| Ответить | Цитировать | Написать  
[jquery]Выбрать все последующие строки таблицы
    #38176986
Dmitrij_3325
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dmitrij_3325
Гость
krvsa,

Большое спасибо все работает))Очень благодарен.
...
Рейтинг: 0 / 0
07.03.2013, 10:57
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [jquery]Выбрать все последующие строки таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=138&tid=1448621]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 47ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 34ms
get tp. blocked users:
 1ms
others: 204ms
total:  322ms
созд. / загр.: 322ms
x
x
Закрыть


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