jQuery找不到适用于：第一个

Question

我想找到一些子元素在UL父元素中。但是，我只需要找到第一个。下面是我使用

$('div.item a').click(function() { 
    $(this).parent().next('ul.subItems').find('a:first').addClass('selected'); 
}); 

HTML：

<div class="item"><a id="main5830" href="http://www.mysite.com">Test</a></div> 
<ul class="subItems"> 
<li><a>test 1</a></li> 
<li><a>test 2</a></li> 
<li><a>test 3</a></li> 
</ul> 

我想测试1是获得类中选出的元素。

出于某种原因，这不是选择UL中的第一个a或UL元素中的任何一个。我在这里做错了什么？

Answer 1

它确实有效，只需在点击事件处理程序的末尾使用return false;（或event.preventDefault();）即可阻止锚点的默认点击行为。

$('div.item a').click(function() { 
    $(this).parent().next('ul.subItems').find('a:first').addClass('selected'); 
    return false; 
}); 

或

$('div.item a').click(function(e) { 
    e.preventDefault(); 
    $(this).parent().next('ul.subItems').find('a:first').addClass('selected'); 
}); 

这里有一个Working Demo显示它的工作