使用jQuery,如何获取元素的文本值？

Question

如何检索href标签之间的文本？

<a href="blah">GET THIS TEXT</a>

它包含在这个DOM中:

<div class="c1">
   <div class="c2"><a href="#">GET THIS TEXT</a>
   </div>
</div>

Answer 1

您正在寻找text()物业:

$('a', 'div.c2').text();

原因div.c2被定义为第二个参数是因为它将成为context选择器的原因.默认情况下,jQuery在您使用时搜索整个文档$(),通过指定div.c2它只会在<div>一个c2类中搜索.

记住这一点,你也可以像这样重写上面的内容:

$('div.c2 a').text();

大多数人更喜欢这个,因为它是用于在CSS样式表中选择此元素的语法.但是,jQuery必须弄清楚这一点.你甚至可以这样做:

$('div.c2').find('a').text();

但是,我更喜欢上下文方法,因为我觉得它更干净,速度更快,而不是重要.

还有html()属性,它获取内容,包括HTML.

所以,如果您的链接是这样的:

<a href='#'><b>Hi There</b></a>

然后:

$('a').text(); // would return Hi There
$('a').html(); // would return <b>Hi There</b>