jquery按类型和类获取html元素

Question

我试图从维基百科页面获取链接标题的列表。我下载了HTML，现在我试图运行一些JavaScript/jQuery代码来实现这一目标。这里是我迄今为止...

var elements = $("ul > li"); 
alert(elements.length); 
alert(elements.get(0).val()); 

第一个提醒给我“505”，它看起来大约右（有相当多的这些元素）。

我的问题是如何通过类名过滤元素$("ul > li")？说我想要的特定元素有“class1”类。

第二次提醒不会给我任何东西，虽然elements.get(0)告诉我object HTMLLIelement这是我猜的好。所以我无法访问我想要的特定属性（比如'title'）。

感谢您的帮助球员。

Answer 1

我的问题是如何通过类名过滤元素$（“ul> li”）？说我想要的特定元素有“class1”类。

全是CSS selector syntax。

$("ul > li.class1") 

---

第二警报并没有给我什么，但elements.get（0）告诉我： “对象HTMLLIelement” 这是很好的，我猜。

这是因为.get()返回一个普通的DOM元素，而不是jQuery化的元素。使用.eq()代替：

elements.eq(0).val(); 
// to get the title: 
elements.eq(0).prop('title'); 
// or if you're using jQuery <1.6, 
elements.eq(0).attr('title'); 

---

如果（UL> LI）元素有3个，我想 “一”（链接）的元素，我如何获得的第一个？

使用:first或.first()。

Answer 2

$（“ul> li.className”）应该是你所需要的。

Answer 3

如何通过类名过滤元素$（“ul> li”）？

$("ul > li.class1") 

要获取title属性：

elements.eq(0).attr('title');