Как получить доступ к тексту в теге <caption>?

Question

У меня есть такой HTML-код:

<table>
<caption class="my_caption">Table 1.1: TABLE CAPTION</caption> 

<tr>...</tr>
<tr>...</tr>
...

Мне нужно получить текст заголовка, чтобы я мог сравнить строки. Я пытался сделать .val (), .text (), .html () и .value, но ни один из них не работает.

Спасибо за вашу помощь.

EDIT: У меня на самом деле есть несколько таких подписей. Извините, я должен был упомянуть об этом раньше.

<div>
<table>
<caption class="my_caption">Table 1.1</caption> 

<tr>...</tr>
<tr>...</tr>
...
</table>
<table>
<caption class="my_caption">Table 1.2</caption> 

<tr>...</tr>
<tr>...</tr>
...
</table> </div>

Итак, у меня есть -loop, который проходит через все подписи:

        var cap_tables = $("caption.my_caption");
        for (var i=0;i<cap_tables.length;i++) {
            alert(cap_tables[i].text());
            //i've tried .text(), .html(), .val(), .value to get the caption text 
        }

Я попробую еще раз, рассмотрю все ваши предложения и перезвоню вам, ребята. Большое спасибо !!!

Я использую Firefox версии 3.5.3

Answer 1

$('caption').text();

или

$('.my_caption').text();

Answer 2

Вы должны попробовать встроенный итератор jquery, чтобы просмотреть каждый элемент, а не тот цикл, который вы опубликовали.

        $("caption.my_caption").each(function(i,val){
                    alert($(this).text());
                    });

Answer 3

Это работает в последних версиях Firefox и IE:

jQuery(function(){
    alert( $('caption').html() );
});

Не уверен, почему это не работает для вас.

Answer 4

или, если у вас есть объект "таблица", ваш код может выглядеть следующим образом:

var myTable = $('table');
var myCaptionText = myTable.find('caption').text();