jquery - 表示する配列内のjquery div

Question

DIV私は次のようなIDの配列を持っていCSSますdisplay:none.

var paintDivs = ["div_2ndSubCategoryID","div_3rdSubCategoryID","div_4thSubCategoryID","div_ColorNameID","div_ColorNoID","div_PaintSizeID"];

簡単に言えば、私が今望んでいるのは、すべてDIVのをに表示することpaintDivsです。

以下は私が持っているものです。ループの繰り返しは正常に機能していますが、個々DIVのpaintDivsはまだ表示されていません。

jQuery.each(paintDivs, function(idx, valIs){
  $('#' + valIs).css('display');
});

私はCSSで別のクラスを作成して試してみましshowThisたdisplay:block.

jQuery.each(paintDivs, function(idx, valIs){
  $('#' + valIs).attr('class','showThis');
});

私は何を間違っていますか？どんな洞察も大歓迎です。

score 3 · Accepted Answer

のゲッター関数を使用しています.css。以下のようなセッターを使用して、

jQuery.each(paintDivs, function(idx, valIs){
  $('#' + valIs).css('display', 'block');
});

score 3 · Accepted Answer

あなたは単に使用することができますshow()：

$.each(paintDivs, function(idx, valIs) {
    $("#" + valIs).show();
});

それ以外の場合、CSS スタイルをcss()正しく変更するには、次のようにします。

$.each(paintDivs, function(idx, valIs) {
    $("#" + valIs).css("display", "block");
});

score 2 · Accepted Answer

この行：

  $('#' + valIs).css('display');

Getはdisplay属性の値であり、設定する必要があります。つまり、実際に設定するには、次のようにする必要があります。

  $('#' + valIs).css('display','block');

または、もっと簡単に言うと、次を使用するだけです。

  $('#' + valIs).show();

または、空想したい場合は、次のことができます。

$("#" + valIs).fadeIn();

score 2 · Accepted Answer

'＃+ ValIs'が必要なIDであるとすると、表示をnoneからnormalに変更するのは次のように簡単です。

jQuery.each(paintDivs, function(idx, valIs){
  $('#' + valIs).css('display','normal');
});

$('#example').css(propertyName)

propertyNameの値を返します

$('#example').css(propertyName, value)

propertyNameをvalueに設定します

score 1 · Accepted Answer

反復せずに、セレクターで配列結合を使用できます

var divs = ['test1','test3','test5'];
$('#' + divs.join(',#')).show();

セレクターを構築するもの

$('#test1,#test3,#test5')

5 に答える 5