jQuery具有多个选择器的一个类名

我的代码工作得很好，只是想知道是否有更整洁的方式来编写jQuery代码？ 我在网上搜索，但找不到例子

有三个重复的类名，不同的选择器具有不同的CSS设置。我想知道这是否有干净的编码

if ($(this).hasClass('toggle')) {


    $(".toggle > span:first").css({
        // something...
    });

    $(".toggle > span:nth-child(2)").css({
        // something...
    });

    $(".toggle > span:last").css({
        // something...
    });

}

是否有类似于SCSS的方式？如下

.toggle {
    span {
        &:first-child { // something... }
        &:nth-child(2) { // something... }
        &:last-child { // something... }
    }
}

---

感谢您花时间来研究这一点。

您可以反复讨论：

var i = 0;
$(".toggle span").each(function($obj) {
   console.log('Now i is ' + i);
   console.log($obj);
   switch (i) {
      case 0:
        //do something
        break;
        //and so on, or call a function with obj and i.
   }

   i++;
});

---

您还可以向类中添加

数据id

或

数据任何内容。
您可以对它们进行迭代：

var i = 0;
$(".toggle span").each(function($obj) {
   console.log('Now i is ' + i);
   console.log($obj);
   switch (i) {
      case 0:
        //do something
        break;
        //and so on, or call a function with obj and i.
   }

   i++;
});

您还可以向类中添加
数据id
或
数据任何内容。
不，它不类似

if ($(this).hasClass('toggle')) {    

    $(".toggle > span:first").css({
        // something...
    });

    $(".toggle > span:nth-child(2)").css({
        // something...
    });

    $(".toggle > span:last").css({
        // something...
    });

}

类似于：

.toggle {
    > span {
        &:first-child { // something... }
        &:nth-child(2) { // something... }
        &:last-child { // something... }
    }
}

不，不一样

if ($(this).hasClass('toggle')) {    

    $(".toggle > span:first").css({
        // something...
    });

    $(".toggle > span:nth-child(2)").css({
        // something...
    });

    $(".toggle > span:last").css({
        // something...
    });

}

类似于：

.toggle {
    > span {
        &:first-child { // something... }
        &:nth-child(2) { // something... }
        &:last-child { // something... }
    }
}

你可以用

或者，使用.filter（）

你可以用

或者，使用.filter（）

很抱歉，我没有在其中添加span，但我的意思是，我想知道jQuery代码，而不是SCS。无论如何谢谢。对不起，我没有正确理解你的问题。我不知道你这个问题的美容方法。我正在尝试使用额外的类名来使用css元素和样式化子元素。很抱歉，我没有在其中添加span，但我的意思是，我想知道jQuery代码，而不是SCS。无论如何谢谢。对不起，我没有正确理解你的问题。我不知道你这个问题的美容方法。我正在尝试使用额外的类名来添加元素，并用css设计孩子们的样式。你的解决方案非常完美。我认为检查这个问题也能给出一个好主意。你的解决方案很完美。我认为检查这个问题也能给出一个好主意。