Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.06.2017, 16:55
Новичок на форуме
Отправить личное сообщение для sferg Посмотреть профиль Найти все сообщения от sferg
 
Регистрация: 26.06.2017
Сообщений: 2

Получить заголовок колонки
Здравствуйте!

Есть вот такая таблица

<table class="price24 top_table calc-info-head" >
                   <thead>
                       <tr>
                           <td>
                               <div class="all_table_rows">
                                   <div class="top_actovated_block" id="klik">Название 1</div>
                                   <div class="all_items">1000</div>
                                   <div class="all_items">450</div>
                                   <div class="all_items">400</div>
                                   <div class="all_items">350</div>
                                   <div class="all_items">300</div>
                                   <div class="all_items">2000</div>
                                  </td>
                           <td class="active">
                               <div class="all_table_rows ">
                                   <div class="top_actovated_block" id="klik">Базовый</div>
                                   <div class="all_items">1000</div>
                                   <div class="all_items">750</div>
                                   <div class="all_items">600</div>
                                   <div class="all_items">550</div>
                                   <div class="all_items">500</div>
                                   <div class="all_items">2000</div>
                                   </td>
                           <td>
                               <div class="all_table_rows">
                                   <div class="top_actovated_block" id="klik">Название 2</div>
                                   <div class="all_items">1000</div>
                                   <div class="all_items">750</div>
                                   <div class="all_items">700</div>
                                   <div class="all_items">650</div>
                                   <div class="all_items">600</div>
                                   <div class="all_items">2000</div>
                           </td>
                           <td>
                               <div class="all_table_rows">
                                   <div class="top_actovated_block" id="klik">Название 3</div>
                                   <div class="all_items">1000</div>
                                   <div class="all_items">950</div>
                                   <div class="all_items">850</div>
                                   <div class="all_items">800</div>
                                   <div class="all_items">750</div>
                                   <div class="all_items">2000</div>                      
                               </div>
                           </td>
                       </tr> 
                   </thead>
               </table>


Есть CSS файл к ней, в котором прописаны стили при клике на столбец таблицы.

Есть вот такой код, обрабатывающий событие onclik

$(".price24.top_table.calc-info-head .all_table_rows").on('click',function(){
    	var tab = $(this).parents('td');
		var textName = $(this).text();
		

    	index_val = tab.index()-1;
    	if(index_val>=0){

                        $(".price_coast span").text(textName);
			$('[name="tariff"]').val(textName);

    		$(".price24.top_table.calc-info-head td").removeClass("active");
    		tab.addClass('active');
        	update_value();
		}
    });


И есть поле, в которое надо выводить значение заголовка колонки при клике по колонке (Название1, Название2, Название3).

Но код выводит в поле значение ячейки в колонке по которой кликнули. Подскажите как получать значение заголовка колонки по которой кликнули.

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 26.06.2017, 17:10
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

$(this).children().first().text() или $(this).children('.top_actovated_block').text() - это будет текст. ID должно быть уникально, id="klik" у всех, это неверно.
Ответить с цитированием
  #3 (permalink)  
Старый 28.06.2017, 11:13
Новичок на форуме
Отправить личное сообщение для sferg Посмотреть профиль Найти все сообщения от sferg
 
Регистрация: 26.06.2017
Сообщений: 2

Спасибо большое! Все работает отлично!!!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
не могу создать заголовок для колонки списка deniskutovskiy (X)HTML/CSS 7 02.11.2015 21:56
jquery получить родителя и обратится к элементу внутри по class _Eldar_ Общие вопросы Javascript 6 05.04.2015 19:32
Получить заголовок страницы dozer AJAX и COMET 1 02.09.2014 21:11
Получить заголовок Ajax запроса. iGusse Общие вопросы Javascript 0 02.11.2012 13:20
Не совсем обычный фрейм и выезжающий текст при наводе на картинку. amaz245 Элементы интерфейса 35 25.12.2010 17:29