如何访问<caption>标记中的文本？

Question

我的HTML是这样的：

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

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

​

我需要获得标题文本，以便我可以进行一些字符串比较。我尝试过使用.val()、.text()、.html()和.value，但它们都不起作用。

谢谢你的帮助。

编辑:实际上我有几个这样的标题。抱歉，我应该早点告诉你的。

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

所以我有一个for -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

您应该尝试使用内置的jquery迭代器来遍历每个元素，而不是您发布的那个循环。

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

Answer 2

$('caption').text();

或

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

Answer 3

或者，如果您有一个“表”对象，您的代码可能如下所示：

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