JavaScript if 语句

Question

我正在创建一个触发不同函数的 if 语句。有没有更好的方法可以实现此功能？

$("#slide01-bttn").click(function() {

    if ($("#slide-1").is('#featured_ul li:nth-child(1)'))
    {
    alert("First Child");
    moveSlideFirstChild();
    }

    if ($("#slide-1").is('#featured_ul li:nth-child(2)'))
    {
    alert("Second Child");
    moveSlideSecondChild();
    }

    if ($("#slide-1").is('#featured_ul li:nth-child(3)'))
    {
    alert("Third Child");
    moveSlideThirdChild();
    }

    if ($("#slide-1").is('#featured_ul li:nth-child(4)'))
    {
    alert("Fourth Child");
    moveSlideFourthChild();
    }
});

Answer 1

你当然可以将你的代码简化成这样

var pos = $("#slide-1").prevAll().length;
switch (pos)
{
    case 0:
        ...
        break;
    case 1:
        ...
        break;
    ...
    default:
        ...
        break;
}

但似乎您应该优化移动子元素的方法，使其只有一个函数而不是N，这样您就可以执行一个简单的调用:

var elem = $("#slide-1");

// pass position AND element because you'll likely use it inside
moveSlideChild(elem.prevAll().length, elem);

您当然可以只传入元素并在其中获取位置。并保存一些元素选择，因为您正在执行许多 jQuery 元素选择器调用。这将使您的代码显着更快并得到优化。