Jquery 如何将这三个开头添加到一个唯一的类中？

我想把号码加在李前面。以下是我的代码：

<ul class="topunm">
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
</ul>

$（“ul.code-topnum>li”）。每个（函数（）{
$（this）.prepend（“”+（$（this.index（）+1）+”）；
})

但是现在，我只想为前三个数字添加背景。如何更改代码？谢谢。

像这样的吗

$("ul.code-topnumb > li").each(function() {
    $(this).prepend('<span class="num">' + ($(this).index() +1) + "</span>");
})

$（“ul.code-topnum>li”）。每个（函数（）{
var-cl；
if（$（this）.index（）<3）{
cl=“num bgnd”；
}否则{
cl=“num”；
}
$（this）.prepend（“”+（$（this.index（）+1）+”）；
})

像这样的东西

$("ul.code-topnumb > li").each(function() {
    $(this).prepend('<span class="num">' + ($(this).index() +1) + "</span>");
})

$（“ul.code-topnum>li”）。每个（函数（）{
var-cl；
if（$（this）.index（）<3）{
cl=“num bgnd”；
}否则{
cl=“num”；
}
$（this）.prepend（“”+（$（this.index（）+1）+”）；
})

使用：

$（函数（）{
$（“ul.code-topnum>li”）.slice（0,3）。每个（函数（）{
$（this）.prepend（“”+（$（this.index（）+1）+”）；
});
});

使用：

$（函数（）{
$（“ul.code-topnum>li”）.slice（0,3）。每个（函数（）{
$（this）.prepend（“”+（$（this.index（）+1）+”）；
});
});

我想你想做这样的事情。您可能希望将

prepend

更改为

before

，但前提是您希望您的范围超出

li

标记。但是我不认为在

中直接使用

是有效的

$(function(){
    $("ul.code-topnumb > li").slice(0, 3).each(function() {
        $(this).prepend('<span class="num">' + ($(this).index() +1) + "</span>");
    });
});

$（“ul.topnum>li”）。每个（函数（i，el）{
如果（i<3）
$（el.css（'background-color'，'#0FF'）；
$（el）.前置（“”+（i+1）+”）；
})
我想你想做这样的事情。您可能希望将
prepend
更改为
before
，但前提是您希望您的范围超出
li
标记。但是我不认为在
中直接使用
是有效的

$(function(){
    $("ul.code-topnumb > li").slice(0, 3).each(function() {
        $(this).prepend('<span class="num">' + ($(this).index() +1) + "</span>");
    });
});

$（“ul.topnum>li”）。每个（函数（i，el）{
如果（i<3）
$（el.css（'background-color'，'#0FF'）；
$（el）.前置（“”+（i+1）+”）；
})
这个怎么样

$("ul.topnum > li").each(function(i, el) {
    if(i < 3)
        $(el).css('background-color', '#0FF');
    $(el).prepend('<span class="num">' + (i+1) + "</span>");
})

$（“ul.code-topnum>li”）。每个（函数（）{
$（this）.prepend（“”+（$（this.index（）+1）+”）；
});
$（'.num'）.slice（0,3）.css（'background-color'，'red'）；
这个怎么样

$("ul.topnum > li").each(function(i, el) {
    if(i < 3)
        $(el).css('background-color', '#0FF');
    $(el).prepend('<span class="num">' + (i+1) + "</span>");
})

$（“ul.code-topnum>li”）。每个（函数（）{
$（this）.prepend（“”+（$（this.index（）+1）+”）；
});
$（'.num'）.slice（0,3）.css（'background-color'，'red'）；
它是前置的，所以它将把跨度放在LI之内，而不是之外。@Jared Farrish这就是我这样做的原因，但是OP说他试图在每个
之前放一个数字。是的，但是你是按照OP建议的方式做的，所以我的假设是OP的英语可能不太好。无论如何，使用prepend并将LI作为所选元素列表将向LI添加跨度，而不是在它之前（我认为与您最初所做的相同）。@Jared Farish Yup。。。我只是不确定这是否是他想要的，所以我建议他在
之前把它改成
，如果他真的想要它在

@Jared Farrish之外，我想他希望他们都有数字，只是前三个要改变背景颜色，因此，您仍然需要迭代所有的

sIt的前置词，这样它将把跨度放在li之内，而不是之外。@Jared Farrish这就是我这样做的原因，但OP说他试图在每个
之前放一个数字。是的，但您是按照OP建议的方式做的，所以我的假设是OP的英语可能不太好。无论如何，使用prepend并将LI作为所选元素列表将向LI添加跨度，而不是在它之前（我认为与您最初所做的相同）。@Jared Farish Yup。。。我只是不确定这是否是他想要的，所以我建议他在
之前把它改成
，如果他真的想要它在

@Jared Farrish之外，我想他希望所有的代码都预先有数字，只是前三个要改变背景颜色，所以你仍然需要迭代所有的