使用选择器或方法进行 JQuery 列表遍历帮助

Question

我基本上在遍历无序列表和检索列表项时遇到了一些麻烦。

  foreach (MyTypeObject s in result)
        {

            oList.Clear();

             {


            oList.AppendFormat("<ul id='OuteroListItems'>");
            oList.AppendFormat("<li>");
            oList.AppendFormat("<ul id='oListItems'>");
            oList.AppendFormat("<li>" + s.Name + "</li>");
            oList.AppendFormat("<li>" + s.NameDesc + "</li>");
            oList.AppendFormat("<li>" + s.StartDate + "</li>");
            oList.AppendFormat("<li>" + s.EndDate + "</li>");
            oList.AppendFormat("</ul>");
            oList.AppendFormat("</li>");
            oList.AppendFormat("</ul>");

            sb.Append(oList);


        }

好的，我基本上有一个无序列表中的项目列表，然后是一个无序列表，其中包含一个包含项目本身的项目列表。

对于其中的每一个，我都试图选择开始日期

，所以说我在“OuteroListItems”中有 3 个无序列表，我想选择所有 3 个 s.StartDates 并将它们在“oListItems”中设置为红色。

我已经尝试过这个，但它只选择外部列表中的第一个元素第三个内部列表元素并将其着色为红色。

   $("ul#OuteroListItems li").each(function(){

    $("ul#oListItems li:eq(2)").css("color", "red");

    });

Answer 1

首先，您需要使用类而不是 ID :) ID必须是唯一的，否则你会得到各种奇怪的行为...当它们不唯一时，它是无效的 HTML，只需将代码中的 id= 更改为 class = 来解决这个问题。您的输出现在应如下所示：

<ul class='OuteroListItems'>
  <li>
    <ul class='oListItems'>
      <li>s.Name</li>
      <li>s.NameDesc</li>
      <li>s.StartDate</li>
      <li>s.EndDate</li>
    </ul>
  </li>
</ul>

然后您可以使用以下选择器来获取每个 StartDate

：

$(".oListItems li:nth-child(3)").css("color", "red");​

您可以在此处查看一个工作示例