Question

嘿，我有很多li-elements列表。它们的样式为50x50的正方形。

现在我的问题：这些li-Tags适用于学校课程。例如：

<ul>
  <li>5a</li>
  <li>5b</li>
  <li>5c</li>
  <li>5d</li>
  <li>6a</li>
  <li>6b</li>
  <li>6c</li>
  <li>6d</li>
</ul>

这从5到10.我需要一个脚本，为li元素提供特定的背景，根据哪个数字是第一个字符。我可以编写这个脚本。

Answer 1

首先;正如其他人指出的那样，这不是什么大问题。

但是这里是您正在寻找的，使用jquery：

$("li").each(function(){
    var text = $(this).html();
    var number = parseInt(text, 10);
    switch(number){
        case 5:
            $(this).css( "backgroundColor", "yellow" );
            break;
        case 6:
            $(this).css( "backgroundColor", "green" );
            break;            
    }    
});

链接到JSFiddle http://jsfiddle.net/JQ25Z/

JSalgoríthm用于造型li元素

1 个答案: