0

div要素のグループがあります。私はそれらをdi1、di2、di3と呼びましたが、もっと多くのことがあります。

実際、私は次のコードでそれらを示します。

$("#elenco_elimina_gruppo").find("div.di1").show();
$("#elenco_elimina_gruppo").find("div.di2").show();
$("#elenco_elimina_gruppo").find("div.di3").show();

jQueryのそれぞれの関数を使いたいです。手伝って頂けますか？

4

5 に答える 5

2

あなたはちょうど使用することができます$("#elenco_elimina_gruppo div").show();

于 2012-08-21T07:47:55.207 に答える
1

3 つの div だけの場合は、複数セレクターを使用できます。

$("#elenco_elimina_gruppo").find(".di1, .di2, .di3").show();
于 2012-08-21T07:47:53.983 に答える
0

要素を表示するだけでなく、より多くのアクションを実行したい場合は、次のように使用します.each()。

$("#elenco_elimina_gruppo div").each(function(index) {
    var currentClassName = $(this).attr("class");
    if (currentClassName.length > 2 && currentClassName.substr(0, 2) == "di") {
        $(this).show();
        //you can do more actions here...
    }
});

ライブテストケース。

それらを表示したいだけの場合は、次の方法.each()を使用する必要はありません。.filter()

$("#elenco_elimina_gruppo div").filter(function() {
    var currentClassName = $(this).attr("class");
    return (currentClassName.length > 2 && currentClassName.substr(0, 2) == "di");
}).show();

ライブテストケース。

于 2012-08-21T08:15:18.153 に答える
0

あなたは次のようなものを使うことができます-

$("#elenco_elimina_gruppo").children().each(function() {
    $(this).show();                    
});

ここで例を参照してください-http://jsfiddle.net/nonocut/pNyuT/2/

于 2012-08-21T08:16:59.870 に答える
0

以下に表示するコードを含む JSFiddleを次に示します。たとえば、各関数は非常に単純です。

$.each( ["di1","di2","di3"], function(item, index) {
     $("#elenco_elimina_gruppo div." + item ).show();
});

こんな風にも使えます

$.each( $("#elenco_elimina_gruppo").find("div.di1,div.di2,div.di3"), function(item, index) {
     $(item).show();
});

あなたが求めていることを行うには多くの方法がありますが、それは単なる好みの問題です. 私はSperansky Danilの答えを好み、すべてのdivに共通のクラスを追加しますが、それは本当にあなたの選択です. 便宜上、JSFiddleを追加しました

于 2012-08-21T08:21:39.727 に答える