帮助构建while循环

Question

您好，我正在尝试创建一个 while 循环，但到目前为止，我对放入其中的内容有疑问：

function showSports(obj)
{
    var groupId = obj.id.substring(0, 1);
    var indx = obj.id.substring(obj.id.indexOf('_') + 1);
    var id = indx.substring(0, indx.length + 1);
    var displayInfo = false;
    while (displayInfo)
    {
        if (indx == 1)
        {
            show('footballInfo');
            hide('soccerInfo');
            hide('baseballInfo');
        }
        if (indx == 2)
        {
            show('soccerdInfo');
            hide('baseballInfo');
            hide('footballInfo');
        }
        if (indx == 3)
        {
            show('baseballInfo');
            hide('footballInfo');
            hide('soccerdInfo');
        }
        displayInfo = true;
    }
}

它应该能够遍历下面的链接并根据选择的链接显示/隐藏。

<a id='1link_1a' title="football Tab" onclick='showSports(this);'>
  <span>FootBall</span>
</a>
<a id='1link_1b' title="soccer"
onclick='showSports(this); changeTab(this);'>
  <span>Soccer</span>
</a>
<a id='1link_1c' title="baseball" onclick='showSports(this);'>
  <span>Baseball</span>
</a>

Answer 1

我不明白您对 while 语句的使用。也许你正在考虑一个 switch 语句。

function showSports(obj)
{
    var groupId = obj.id.substring(0, 1);
    var indx = obj.id.substring(obj.id.indexOf('_') + 1);
    var id = indx.substring(0, indx.length + 1);

    switch (indx)
    {
        case 1:
            show('footballInfo');
            hide('soccerInfo');
            hide('baseballInfo');
        break;
        case 2:
            show('soccerdInfo');
            hide('baseballInfo');
            hide('footballInfo');
        break;
        case 3:
            show('baseballInfo');
            hide('footballInfo');
            hide('soccerdInfo');
        break;
    }
}

Answer 2

RightSaidFred 是正确的，听起来您打算使用 switch。另一点是该行：

var id = indx.substring(0, indx.length + 1);

会有索引越界错误。我想你正在考虑这样做：

var id = indx.substring(0, indx.length - 1);