Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [jquery]Выбрать все последующие строки таблицы / 4 сообщений из 4, страница 1 из 1
06.03.2013, 18:17
    #38176494
Dmitrij_3325
Dmitrij_3325
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jquery]Выбрать все последующие строки таблицы
Добрый день, имею вопрос с 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, 20:48
    #38176658
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jquery]Выбрать все последующие строки таблицы
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:57
    #38176667
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jquery]Выбрать все последующие строки таблицы
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
| Ответить | Цитировать | Написать  
07.03.2013, 10:57
    #38176986
Dmitrij_3325
Dmitrij_3325
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[jquery]Выбрать все последующие строки таблицы
krvsa,

Большое спасибо все работает))Очень благодарен.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [jquery]Выбрать все последующие строки таблицы / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 514ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448621]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 186ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 240ms
total:  514ms
x
x
Закрыть


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