使用id名称中的不同值隐藏div

时间:2013-10-15 18:56:21

标签: jquery

我有许多名称如下的div:

<div store_id="1"></div>
<div store_id="2"></div>
<div store_id="3"></div>
<div store_id="4"></div>

我试图隐藏它们而不是通过这样做来明确定义值:

    $('div[store_id=' + this.value + ']').hide();

我有一个与stor_id div具有相同值的选项变量,并尝试过:

$('div[store_id=' + option.attr("value") + ']').hide();

但是当我在Chrome源代码调试器上检查它们或者在我插入它们时工作时,它们都没有找到。我做错了什么?

选项来自:

var option = $("#idea_store_ids :nth-child("+(parseInt(value)+1)+")");


decentness to #idea_store_ids:

<select id="idea_store_ids" name="idea[store_ids][]" multiple="multiple" style="display: 
none;">

<option value="103">

    4 Wheeling Shirts-To-Go

</option>
<option value="79" selected="selected"> … </option>
<option value="63"> … </option>
<option value="2" selected="selected"> … </option>
<option value="19"> … </option>
<option value="75"> … </option>
<option value="122"> … </option>
<option value="18"> … </option>

整个js:

 $(document).ready(function() {
   $('#idea_store_ids').chosen().change(function(){
    var doai = $(".search-choice-close").map(function(){
      return $(this).attr("data-option-array-index");}
  ).get();
  $.each(doai , function(index, value) { 
    var option = $("#idea_store_ids :nth-child("+(parseInt(value)+1)+")");


  });
   });
});

$("div[store_id=' + value + ']").hide();    

1 个答案:

答案 0 :(得分:1)

您可以隐藏<div>。试试这个:

<div store_id="1"></div>
<div store_id="2"></div>
<div store_id="3"></div>
<div store_id="4"></div>
$(document).ready(function() {
    var allDivs = $("div").length;
    for(var x =0; x <  allDivs; x++){
        var element = $("div").attr("store_id",x);
         $(element).hide();
    }                   
});