jquery按类型和类获取html元素

时间:2011-06-06 17:24:13

标签: javascript jquery html

我正在尝试从维基百科页面获取链接标题列表。我下载了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')。

感谢帮助人员。

3 个答案:

答案 0 :(得分:4)

  

我的问题是如何按类名过滤元素$(“ul> li”)?假设我想要的特定元素具有类“class1”。

全是CSS selector syntax

$("ul > li.class1")

  

第二个警报没有给我任何东西,虽然elements.get(0)告诉我“对象HTMLLIelement”这是好的我猜。

这是因为.get()返回一个普通的DOM元素,而不是jQueryified元素。请改用.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&gt; li)元素有我想要的3个“a”(链接)元素,我该如何获得第一个?

使用:first.first()

答案 1 :(得分:1)

$(“ul&gt; li.className”)应该就是您所需要的一切。

答案 2 :(得分:1)

如何按类名过滤元素$(“ul&gt; li”)?

$("ul > li.class1")

获取标题属性:

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