使用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。通過當您使用$()，通過指定div.c2默認的jQuery搜索整個文檔也只會有一類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()