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

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

试试这个:

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