Javascript 我如何才能获得第一个<；李>；在排序中动态更改时要着色的标记

对不起，如果我的标题真的很难理解

我试图将我的Listview设置为拖放，但我希望我的第一个

标记在拖放之后始终着色，我如何实现这一点

以下是我现有的代码：

    $("li").first().css( "background-color", "#101F30" );
    $("li").first().css( "color", "#fff" );

// For default timezone listview
    $(function() {
        $("#allTimezoneFacets, #userTimezoneFacets").sortable({
                connectWith: "ul",
                placeholder: "placeholder",
                delay: 150
            })
            .disableSelection()
            .click(function(e) {
                var item = e.target;
                console.log(item);
            });
    });

HTML:

---

非常感谢您的帮助，如果我的英语不好，请原谅。

您可以使用

:first child

CSS选择器来设置第一个

li

项目的样式

.facet-list li:first-child{
   background-color: "#101F30;
   color: "#fff";
}

---

您只需使用CSS:

.facet list li:first child{…}

@HarunYilmaz omg。我为什么不这么想：（，非常感谢，先生。你能从中得到你的答案吗？这样我可以检查一下。很高兴能帮上忙：）按你的要求作为答案发布

https://jsfiddle.net/rmallari/gr06mxow/8/

.facet-list li:first-child{
   background-color: "#101F30;
   color: "#fff";
}