javascript - jquery在javascript函数中隐藏div数组

Question

我在 javascript 函数中使用 jquery 来隐藏和显示 div。我需要只显示 div“区域”，同时隐藏其他 div

当我直接将 div 的名称隐藏和显示时，这个有效:---

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

<script>

function area_visible()
{


  $('.Area').show();
  $('.Area-1').hide();
  $('.Area-2').hide();
  $('.Area-3').hide();


}

如果我尝试使用 div 类数组进行访问，则此方法不起作用，甚至循环不会显示 4 次警报消息 :----

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>

<script>

var area_id = [
    "Area" , "Area-1", "Area-2", "Area-3"
];



function area_visible()
{

  $(area_id).each(function(index, element) {
        if(element != area_id[0] )
        {
          $("#" + element).hide();
        }
      alert('11');
    });


}

请提出建议。如何通过从数组中获取名称来隐藏和显示 div(并且我想在 javascript 函数中使用 jquery)？

Answer 1

改变

$("#" + element).hide();

至

$("." + element).hide();

您正在尝试定位一个 ID，您必须使用 . 来定位类。