:第一个孩子只匹配第一个孩子

时间:2011-02-21 05:24:05

标签: jquery css-selectors

var tab1 = $('.tabs a:first-child').attr('href');
alert(tab1);

..只匹配一个,尽管同一页面上有两个div.switch。第二个是在页面上,而不是在同一个父页面。

编辑:基本上我的问题是,:第一个孩子应该找到所有元素,但它只是在一个之后停止:第一个

2 个答案:

答案 0 :(得分:3)

$('.tabs').each(function() {
 alert($('a:first-child', $(this)).attr('href'));
});

答案 1 :(得分:1)

尝试一次选择一个对象以获取属性。 .tabs a:first-child会选择所有.tabs及其第一个a元素。

var tab1 = $('.tabs:first-child a:first-child').attr('href');
alert(tab1);

var tab2 = $('.tabs:last-child a:first-child').attr('href');
alert(tab2);

Delphist解决方案也应该有效。