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

Question

我是 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>元素的点击。任何帮助/建议？

Answer 1

您的代码正在选择第一个孩子a而不是父母li。您要做的是选择li父项中的第一个子项ul，然后选择并单击该子项a。

尝试这个：

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