使用选择器或方法遍历JQuery列表帮助
我基本上在遍历无序列表和检索列表项时遇到了一些麻烦使用选择器或方法遍历JQuery列表帮助,jquery,css,css-selectors,traversal,loops,Jquery,Css,Css Selectors,Traversal,Loops,我基本上在遍历无序列表和检索列表项时遇到了一些麻烦 foreach (MyTypeObject s in result) { oList.Clear(); { oList.AppendFormat("<ul id='OuteroListItems'>"); oList.AppendFormat("<li>"); oList.
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);
}
首先,你需要使用class而不是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中的每一项,并对每一项执行一些操作,以便于进行字符串操作,那么我是否将每个。()循环值,例如使其等于一个变量,然后是$(variable)。each(function(){})@Calibre2010-您可以将一个函数传递给
.text()
和.html()
,无论您需要什么,这里有一个示例:只需将返回值更改为您想要的结果集:)很好的解决方案,我想问题与此略有不同,我所处理的是这个变量vv=$(“.oListItems li:nth child(3)”。追加(“--”).text();var v=vv.split('--');因此v现在是数组,我只需要遍历数组中的每个项..我将v映射到每个项在迭代时要对其执行的操作,我只是不确定如何循环此位。@Calibre2010-您可以使用.map()
为了使数组更容易使用,下面介绍了如何使用$循环使用数组。each()
:看看jQuery的强大功能之一,遍历方法。
<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>
$(".oListItems li:nth-child(3)").css("color", "red");