Question

我在javascript函数中使用jquery隐藏＆amp;显示div。我只需要展示div＆＃34; Area＆＃34;而隐藏其他div

这个有用，当我直接把div的名字隐藏起来＆amp;显示：---

<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。

Answer 2

在您的第一个功能中，您使用的是课程$('.Area-1')，而您选择的第二个功能是$("#"+element)

因此，只需更改即可轻松修复＆＃39;＃＆＃39;到＆＃39;。＆＃39;在第二个功能

Answer 3

您必须将您的ID选择器更改为类选择器并启动该功能：

$("." + element).hide(); // for your second function.

并初始化你的func：

area_visible(); // for both it will work.

jquery里面的javascript函数隐藏div数组

3 个答案: