Javascript 列表元素的Jquery类

Javascript 列表元素的Jquery类,javascript,jquery,css,list,Javascript,Jquery,Css,List,我正在尝试修改一个JS插件,我需要为一系列li项提供数值类 这是目前的代码,我想添加一个类或数据属性,以便能够单独选择它们 var li = '<li><a href="#' + link + 'class "><span></span></a>'; var li=''; 尝试使用根据其位置添加类 比如说 $( "ul li" ).addClass(function( index ) { return "item-" + inde

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

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

var li = '<li><a href="#' + link + 'class "><span></span></a>';
var li='
  • ';
  • 尝试使用根据其位置添加类

    比如说

    $( "ul li" ).addClass(function( index ) {
      return "item-" + index;
    });
    
    本例将类“item-0”添加到第一个
  • ,将类“item-1”添加到第二个


    同样,您可以在每个
  • 下的
    上添加类

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

    为什么需要向每个元素添加特定的(丑陋的)增量
    id
    ?最好是为所有
    a
    元素添加一个单击事件处理程序,并在处理程序中使用
    this
    关键字来引用引发事件的元素。我必须更改每个元素的css尝试一组元素
    $('li a')。addClass(“myclass”)
    如您所说,您可以使用“数据”属性:您也可以按索引添加类