jquery - 如何将 CSS 应用于 的第一次迭代而不应用于后续迭代？

Question

我有一个<cfloop>将查询输出到 jQuery 可排序列表。所有可排序标签( <h3>, <div> 等)都包含在循环内。我需要锚定第一个 <h3>使用 CSS 将元素添加到页面上的设定区域。但我不想在第一次迭代后应用此 CSS。

<cfloop query="createAgendaTopics">
    <h3 style="color:#FFFFFF; font-weight:bold;">
       <cfoutput>#One.categoryName#</cfoutput>
    </h3>
    <div>
         <cfoutput>#One.subCategoryGUID#</cfoutput>
    </div>        
 </cfloop>

Answer 1

当您输出/循环查询时，它有一个内置的 currentRow 属性 QueryName.CurrentRow

我将其放入 cfoutput 中以稍微简化代码。

<cfoutput query="createAgendaTopics">
    <cfif createAgendaTopics.CurrentRow EQ 1>
        <h3 style="color:##FFFFFF; font-weight:bold;">#One.categoryName#</h3>
    <cfelse>
        <div>#One.subCategoryGUID#</div>         
    </cfif>
</cfoutput>