jquery選擇器

Question

<a class='leftpanel_anchor' tag='solutions' href='javascript:void(0)' > Solutions to <span class='leftpanel_keywords'>firstConResult</span></a> 

我有一個像這樣的錨點。我想選擇span class'leftpanel_keywords'內的內容。我怎麼能用jQuery來做到這一點？

Answer 1

如果你希望你的結果中有HTML（你的span標籤），使用.html（）方法。如果沒有，使用的.text（）方法，其他人所說：

$(".leftpanel_anchor").html(); //Returns everything, including <span> tags 
$(".leftpanel_anchor").text(); //Returns only the text, minus any tags 

Answer 2

根據您的整個頁面的結構。有可能要你選擇格式化幾種不同的方式：

$(".leftpanel_keywords").text() 

將讓你有類「leftpanel_keywords」

$("A.leftpanel_anchor .leftpanel_keywords")").text() 

任何元素

將讓你的有一類「leftpanel_anchor」

這兩種會給你文字INSI任何錨內部類「leftpanel_keywords」德的跨度。

Answer 3

$(".leftpanel_keywords").text(); 

Answer 4

$('a.leftpanel_anchor .leftpanel_keywords').text(); 

這隻會選擇錨內的人。

如果有多個這樣的事件發生，你應該condider至少給錨點一個ID。

Answer 5

如果我得到了問題的權利，有parent-child selector做到這一點：

$(".leftpanel_anchor > .leftpanel_keywords").text() 

Answer 6

這有什麼錯$('.leftpanel_keywords').text()？

Answer 7

您可以使用CSS類選擇獲取的元素。類選擇是這樣的：

$('.name_of_class') 

這然後返回DOM元素，可以在其上調用各種方法做各種事情，如動畫，內容操縱和真的沒有什麼東西，你可以做的jQuery對象與jQuery。

在您的例子在這裏，您可以通過調用獲取innerHTML值（元素的內容）：

var content = $('.leftpanel_keywords').html(); 

有很多地方可以閱讀更多關於jQuery選擇，DOM遍歷和DOM操作，一些jQuery最重要的部分和令人興奮的功能的基本構建模塊！查看jQuery for Designers，這是一個簡單的教程和屏幕截圖。也請看jQuery official documentation，這是一個全面的參考。

希望這會有所幫助！