Question

是否可以通过使用舱法在清单中添加汽车数字类别?

html:

<ul id="list">
 <li>Element 1</li>
 <li>Element 2</li>
 <li>Element 3</li>
 <li>Element 4</li>
 <li>Element 5</li>
</ul>

i 想获得这样的东西:

<ul id="list">
 <li class="1">Element 1</li>
 <li class="2">Element 2</li>
 <li class="3">Element 3</li>
 <li class="4">Element 4</li>
 <li class="5">Element 5</li>
</ul>

希望能找到解决办法:-

Edit

ok、mhhm,但我的名单在末尾并不总是数字。因此,与“项目+编号”等类名称组合是什么? 可能的话?

<ul id="list">
 <li class="item1">Element x</li>
 <li class="item2">Element c</li>
 <li class="item3">Element a</li>
 <li class="item4">Element d</li>
 <li class="item5">Element f</li>
</ul>

Answer 1

   $("#list li").each(function(i) {
     this.addClass("item"+(i+1));
    });

正在采取行动

rel=“noreferer”>http://jsbin.com/ocake

每项评论的更新,例如将这项工作联系起来:

$(document).ready(function() {
        $("#list li").each(function(i) {
        $(this).addClass("item" + (i+1));
        });
      });

但我认为,最初的法典应当增加:

this = $(this);

但并不确定。

Answer 2

$("#list").children().each(function(i) {
  $(this).addClass("prefix_" + (i+1));
});

Answer 3

二级特别安全局有一些与数字类别名称有关的特别规则。见grammar,特别是G.1“nmstart”在G.2中,以及G.3中的最后一点。

a. 使用......c1至.c5级:

$( #list li ).each(function(){
    $(this).addClass(  c  + $(this).text().substr(-1) );
});

请注意,这假设了<代码><li>的特性。你可能不得不对你的确切使用案例(可能使用reg)。

Answer 4

For1.4.x:

$("#list > li").addClass(function(i){return "item" + (i + 1);});

Answer 5

$( ul#list li ).each(function(){
  $(this).addClass( $(this).text().split(   )[1] );
});

Answer 6

ok、mhhm,但我的名单在末尾并不总是数字。因此,与“项目+编号”等类名称组合是什么? 可能的话?

<ul id="list">
 <li class="item1">Element x</li>
 <li class="item2">Element c</li>
 <li class="item3">Element a</li>
 <li class="item4">Element d</li>
 <li class="item5">Element f</li>
</ul>

Edit

友情链接