使用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它只會在一個c2類的<div>搜索。

記住這一點，你也可以像這樣重寫上面的內容：

$('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>

Answer 2

我認為.text()或.html()將起作用，具體取決於你是否不想或者想要在標簽內出現任何標記。

var txt = $('div.c2 > a').text();

var html = $('div.c2 > a').html()