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，这是一个全面的参考。

希望这会有所帮助！