如何使用jQuery滑块更改背景

Question

我正在使用jQuery滑块，我有一个布局和一个中心div。这就是我使用ASP.NET MVC3所做的。

html：

<div id="iPhone_Product">
        <div class="slides_containeriphone" >
            @if (Model == null)
            {
                <div class="animateriphone" id="1">
                    @Html.Partial("_iPhone_Main")
                </div>
                    <div class="animateriphone" id="2">
                    @Html.Partial("Salah")
                </div>
                    <div class="animateriphone" id="3">
                    @Html.Partial("_Tasbeeh")
                </div>
            }
            else
            { 
                foreach (string s in Model)
                {
                    <div class="animateriphone">
                        @Html.Partial(s);
                    </div>
                }
            }
        </div>
    </div>

javaScript：

function color_change() {
        var x = document.getElementById('2');
        if (x.id == '2') {
            $(".st_tabs_container").css({ "background-color": "#ffe21f" })
        }
        else
        {
            $(".st_tabs_container").css({ "background-color": "#c8c7c7" })
        }
    }

它将背景更改为＃ffe21f，但其他语句不起作用。任何帮助都将被附上。

Answer 1

您只需创建

的对象

var x = document.getElementById('2');

so X.ID 始终具有值 2 。这样您的条件将始终返回 true

尝试简单的JavaScript

       var color = document.getElementById('some').style.backgroundColor;

变量颜色具有值。如果您当前的背景为红色，则 color = rgb（255，0，0）"; 然后Chech color 变量以更改您的背景

eg：

if(color == "rgb(255, 0, 0)")
  {
      document.getElementById('some').style.backgroundColor = "#FFFF00";
  }
  else 
  {
      document.getElementById('some').style.backgroundColor = "#FF0000";
  }  

Answer 2

这应该有效：

idArray = ['1', '2', '3'];
        for (var item = 0; item < idArray.length; item++) 
        {
            var x = document.getElementById(idArray[item]);
        }
        if
                (x.id == '2') {
            $(".st_tabs_container").css({ "background-color": "#ffe21f" })
        }
        else
        {
            $(".st_tabs_container").css({ "background-color": "#c8c7c7" })
        }