Comment accéder au texte d'une balise <caption> ?

Question

J'ai mon HTML comme ça :

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

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

J'ai besoin de récupérer le texte de la légende pour pouvoir faire une comparaison de chaînes. J'ai essayé de faire .val(), .text(), .html() et .value mais rien ne fonctionne.

Merci pour votre aide.

EDIT : J'ai en fait quelques-unes de ces légendes. Désolé, j'aurais dû le mentionner plus tôt.

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

J'ai donc un for -loop qui passe par toutes les légendes :

        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 
        }

Je vais réessayer en tenant compte de toutes vos suggestions et je reviendrai vers vous. T

J'utilise la version 3.5.3 de Firefox.

Answer 1

$('caption').text();

ou

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

Answer 2

Ou, si vous avez un objet "table", votre code pourrait ressembler à ceci :

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

Answer 3

Cela fonctionne dans les dernières versions de Firefox et d'IE :

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

Je ne sais pas pourquoi ça ne marche pas pour vous.

Answer 4

Vous devriez essayer l'itérateur intégré de Jquery pour passer en revue chaque élément plutôt que la boucle que vous avez postée.

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