在 JSP 的 for 循环中添加 Li 元素，但 li a:first 、 last 或 nth child 总是给出最后一个元素答案

【问题标题】：Adding Li elements in for loop of JSP but li a:first , last or nth child gives always last element在 JSP 的 for 循环中添加 Li 元素，但 li a:first 、 last 或 nth child 总是给出最后一个元素
【发布时间】：2012-12-15 16:22:43
【问题描述】：

我是 Jquery 和 CSS 的新手。我正在尝试根据 JSP -for 循环中的某些条件添加 li 元素，如下所示：

<ul id="my-criteria-list" >
<%        
for( int i = 0 ; i < mychoices.length ; i++ )
{
  if( i > 0 )
  { 
  %>
   <li class="divider">|</li>  
  <%
  }%>
  <li class="my-criteria"><a href="Landing Page" onclick="goTo(this);"><%=mychoices[i])%></a></li>
    <%
}
  %>       
</ul>

MyChoices 长度为 4，JSP 页面正确显示所有 li 元素。但是当我这样做时

 $('li a:first-child').trigger('click');

甚至

 $('li a:nth-child(1)').trigger('click');

只选择最后一个元素。所以这意味着<LI> 中只有一个元素？我需要触发第一个 <LI> 元素的点击。有什么帮助/建议吗？

【问题讨论】：

标签： jquery css css-selectors

【解决方案1】：

您的代码选择了第一个子 a，而不是父 li。您要做的是选择父ul 内的第一个子li，然后选择并单击其中的a。

试试这个：

$('ul#my-criteria-list li:first-child').find("a").trigger('click');

【讨论】：