Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.07.2015, 15:48
Новичок на форуме
Отправить личное сообщение для Arukueido Посмотреть профиль Найти все сообщения от Arukueido
 
Регистрация: 10.07.2015
Сообщений: 4

Вопрос про вложенные заголовки таблицы
Имеется таблица со вложенными заголовками. Выглядит примерно так.
Я поиском нахожу нужную мне ячейку заголовка. Допустим это H11, как мне найти и обратиться к заголовку H1? Количество ячеек я заранее не знаю, то есть каждый раз мне "прилетает" разная таблица, но такого вот формата.


пример заголовка:

<thead bgColor="white">
				<TR>
					<th  colspan = 1 ROWSPAN=2 class="id1" style="display: table-cell;">Имя</th>
					<th  colspan = 1 ROWSPAN=2 class="id2" style="display: table-cell;">Фамилия</th>	
					<th COLSPAN=3  class="id3" class="id3" style="display: table-cell;">Коэффициенты</th>					
					<th  colspan = 1 ROWSPAN=2 class="id4" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id5" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id6" style="display: table-cell;">Время прибытия</th>
					<th COLSPAN=4  class="id7" class="id7" style="display: table-cell;">Коэффициенты 2</th>
					<th  colspan = 1 ROWSPAN=2 class="id8" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id9" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id10" style="display: table-cell;">Время прибытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id11" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id12" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id13" style="display: table-cell;">Время прибытия</th>					
				</TR>
				<TR>
					<th   name="id14" class="id3" style="display: table-cell;"><div class="vertical">К1</div></th>
					<th   name="id15" class="id3" style="display: table-cell;"><div class="vertical">К2</div></th>
					<th   name="id16" class="id3" style="display: table-cell;"><div class="vertical">К3</div></th>
					<th   name="id17" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС1</div></th>
					<th   name="id18" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС2</div></th>
					<th   name="id19" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС3</div></th>
					<th   name="id20" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС4</div></th>
				</TR>
			</thead>
Ответить с цитированием
  #2 (permalink)  
Старый 19.07.2015, 16:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Arukueido,
зачем плодить темы Скрыть столбец в таблице со вложенными заголовками

Сообщение от Arukueido
как мне найти и обратиться к заголовку H1?
строка 50 добавить нужный вам код для $th и el
Ответить с цитированием
  #3 (permalink)  
Старый 19.07.2015, 17:13
Новичок на форуме
Отправить личное сообщение для Arukueido Посмотреть профиль Найти все сообщения от Arukueido
 
Регистрация: 10.07.2015
Сообщений: 4

Этот код мне сейчас не подходит, т.к. у меня просто огромные таблицы и все виснет. Поэтому задала вопрос отдельно, он не особо связан с предыдущей темой.
Ответить с цитированием
  #4 (permalink)  
Старый 19.07.2015, 17:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Arukueido,
код взят из предыдущего сообщения, ничем более помочь не могу ... кликать по K1...K2...МОЭВС4
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 table, th{
   border: 1px solid Black;
 }

  </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    var $thfirst = $("thead tr:first th");
        $thlast = $("thead tr:last th"),
        $two = 0;
    $thfirst.each(function(indx, el) {
        var $c = this.colSpan,
            $r = this.rowSpan,
            $text = $(el).text(),
            $th;
        $r == 1 && ($th = $thlast.slice($two, $two + $c), $two += $c, $th.each(function() {
            $(this).click(function() {
                alert($text)
            })
        }));
    })
});  </script>

</head>

<body>
<table width="400" summary="" >
	<thead bgColor="white">
				<TR>
					<th  colspan = 1 ROWSPAN=2 class="id1" style="display: table-cell;">Имя</th>
					<th  colspan = 1 ROWSPAN=2 class="id2" style="display: table-cell;">Фамилия</th>
					<th COLSPAN=3  class="id3" class="id3" style="display: table-cell;">Коэффициенты</th>
					<th  colspan = 1 ROWSPAN=2 class="id4" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id5" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id6" style="display: table-cell;">Время прибытия</th>
					<th COLSPAN=4  class="id7" class="id7" style="display: table-cell;">Коэффициенты 2</th>
					<th  colspan = 1 ROWSPAN=2 class="id8" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id9" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id10" style="display: table-cell;">Время прибытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id11" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id12" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id13" style="display: table-cell;">Время прибытия</th>
				</TR>
				<TR>
					<th   name="id14" class="id3" style="display: table-cell;"><div class="vertical">К1</div></th>
					<th   name="id15" class="id3" style="display: table-cell;"><div class="vertical">К2</div></th>
					<th   name="id16" class="id3" style="display: table-cell;"><div class="vertical">К3</div></th>
					<th   name="id17" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС1</div></th>
					<th   name="id18" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС2</div></th>
					<th   name="id19" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС3</div></th>
					<th   name="id20" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС4</div></th>
				</TR>
			</thead>

	<tbody>

	</tbody>
</table>
</body>

</html>

Последний раз редактировалось рони, 19.07.2015 в 20:29.
Ответить с цитированием
  #5 (permalink)  
Старый 21.07.2015, 07:40
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от Arukueido
Допустим это H11, как мне найти и обратиться к заголовку H1
На рендере записать во все заголовки нижней строки указатель на родителя - верхнюю строку.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
еще один вопрос про кнопки и события f0rzik Общие вопросы Javascript 15 19.01.2013 23:19
Вопрос про change vitaly63 Общие вопросы Javascript 1 24.12.2012 10:50
Глупый вопрос про if then. Irish.Tippler Общие вопросы Javascript 9 26.07.2012 12:32
Вопрос: И опять про offsetLeft... sigurd Общие вопросы Javascript 11 04.10.2010 14:06
Вопрос про отправку данных методом Post QQQ AJAX и COMET 1 15.07.2009 23:27