列表元素的Jquery类

时间:2015-10-27 11:17:07

标签: javascript jquery css list

我正在尝试调整JS插件,我需要为一系列li项提供数值类

这是目前的代码,我想添加classdata属性,以便能够单独选择它们

var li = '<li><a href="#' + link + 'class "><span></span></a>';

1 个答案:

答案 0 :(得分:2)

尝试使用JQuery addClass()根据其位置添加课程。

例如

$( "ul li" ).addClass(function( index ) {
  return "item-" + index;
});

此示例添加了类&#34; item-0&#34;到第一个<li>和&#34; item-1&#34;到了第二个。

同样,您可以在每个<a>下的<li>上添加课程。

$( "ul li" ).each(function( index1 ) {      
   $(this).find('a').addClass(function( index2 ) {
       return "item-" + (index1 * 10 + index2) ;
   });
});