jquery - 在 id 名称中隐藏具有不同值的 div

Question

我有很多 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();    

Answer 1

你可以隐藏<div>s。尝试这个：

<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();
    }                   
});