在 JSP 的 for 循环中添加 Li 元素，但 li a:第一个、最后一个或第 n 个子元素总是给出最后一个元素

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。 您要做的是改为选择父ul中的第一个子li，然后选择并单击其中的a。

试试这个：

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