Получить заголовок колонки
 

Здравствуйте!

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

<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).

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

Спасибо!

$(this).children().first().text() или $(this).children('.top_actovated_block').text() - это будет текст. ID должно быть уникально, id="klik" у всех, это неверно.

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