2016-04-19 2 views
0

У меня есть эта структура таблицы.Получение идентификатора столбца в таблице с помощью jQuery

<table id = "table1"> 
    <thead> 
     <tr id = "header_row"> 
     <th> <a id = "a1">ABC</a> </th> 
     <th> <a id = "a2">DEF</a> </th> 
     <th> <a id = "a3">GHI</a> </th> 
     <th> <a id = "a4">JKL</a> </th> 
     </tr> 
    </thead> 
    <tr>.....data filling up the table.....</tr> 
    <tr>.............</tr> 
    . 
    . 
</table> 

Так из этой таблицы, я хочу, чтобы получить значение «a2», Можете ли вы сказать мне, как это сделать? Благодаря!

EDIT: Есть много других <a><table> тегов на странице, так что если есть какой-либо способ извлечь с помощью id?

+1

'$ («а»). На («нажмите», функция (е) {е. warnDefault(); alert (this.id);}) ' – Rayon

+0

@RayonDabre Но это противоречило бы с другими тегами' 'на странице и вы можете сделать это без' onclick'? – Anusha

+0

Это был только намек ... '$ ('table # table1 a'). On ('click', function (e) {e.preventDefault(); alert (this.id);})' будет больше конкретный! – Rayon

ответ

2

Так из этой таблицы, я хочу, чтобы получить значение «a2»

Вы имеете в виду получать идентификатор второго столбца в строке заголовка?

Попробуйте

$("#header_row th a:eq(1)").attr("id") 

Если вы просто хотите принести ABC о курсе a на основе его id затем

$("#a2").html(); //or text() 
+0

потрясающий! благодаря :) – Anusha

1

Вы можете получить по этому $("#a2").text();

1

Для извлечения значения #a2 вы можете просто сделать:

Обычный JavaScript:

document.getElementById('a2').innerHtml; 

JQuery:

$('#a2').text(); 


Примечание стороны. Это предложение:

Так из этой таблицы, я хочу, чтобы получить значение «a2»

заставляет меня думать, что вы используете одни и те же id с для разных таблиц в одной и той же странице, и вы хотите получить данные из определенного, не так ли? Эта ситуация не так, id сек MUST быть уникальным во всей вашей страницы, так что если это ваш случай, рекомендуется использовать классы