1

私はJQuery / Javascriptが初めてです。一連の要素を配列に入れてループし、関数を呼び出して何かを行う良い方法はありますか。私がやろうとしていることを説明しましょう。

以下のコードは、マウスが DIV の外側をクリックすると、2 つの DIV を非表示にして表示します。それはうまくいきます。ただし、表示および非表示にする DIV がたくさんあります。DIV の配列を入れて、以下のコードを関数 ShowHideDIV(hideDiv, showDiv) に変換してアクションを実行する方法を教えてください。

$(document).mouseup(function (e)
{
    var showContainer1 = $("#divShipMethod");
    var hideContainer1 = $("#divShipMethodDDL");

    if (!hideContainer1.is(e.target) 
        && hideContainer1.has(e.target).length === 0) 
    {
        hideContainer1.hide();
        showContainer1.show();
    }
});

たとえば、配列に入れたい次の DIV ID があるとします。

  1. divShow1
  2. divHide1
  3. divShow2
  4. divHide2
  5. divShow3
  6. divHide3
  7. divShow4
  8. divHide4
  9. divShow5
  10. divHide5
4

1 に答える 1

2

div に ID を使用する代わりに、クラス名を付けます (すべて同じです)。

$(document).mouseup(function (e)
{
    var showContainer1 = $(".divShipMethod");   
    var hideContainer1 = $(".divShipMethodDDL");

    if (!hideContainer1.is(e.target) 
        && hideContainer1.has(e.target).length === 0) 
    {
        hideContainer1.hide();
        showContainer1.show();
    }
});
于 2013-10-22T21:47:36.697 に答える