Вход

Просмотр полной версии : Получить заголовок колонки


sferg
26.06.2017, 16:55
Здравствуйте!

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

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

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

Спасибо!

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

sferg
28.06.2017, 11:13
Спасибо большое! Все работает отлично!!!!