Показать сообщение отдельно
  #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).

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

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