1

veilテーブルの行にを適切に追加する方法がわかりません。

こちらのhttp://jsfiddle.net/gKVpm/をご覧ください。

私がしたいのは、テーブルの1行目と3行目をロードすると、それをカバーするベールとして機能するdivを追加することで無効になります。動的にdiv（ベール）を作成しようとしましたが、行にベールを追加する正しい方法がわかりません。助けてください。

4

4 に答える 4

4

あなたが試すことができます

function putVeil (rowNumber) {
    $("#tblData tbody tr:eq("+rowNumber+")").each(function(i) {
        var offset = $(this).offset();
        var veil = $('<div class="divVeil"></div>').appendTo('body').css({
            position: 'absolute',
            top: offset.top,
            left: offset.left,
            height: $(this).outerHeight(),
            width: $(this).outerWidth()
        });
    });
}

デモ：フィドル

于 2013-02-18T03:52:41.363 に答える
2

ベールの目的はdiv正確には何ですか？フィドルの見た目から、背景色を変更したいだけです。その場合、jQueryの.addClass()関数をCSSルールと組み合わせて使用​​して、クラスをtr直接sに追加できます。

JavaScriptの場合は次のようになります。

function putVeil (rowNumber) {
    $("#tblData tbody tr:eq("+rowNumber+")").addClass("veil");
}

CSSルールの場合：

.veil {
    background-color: #C3C3C3;
}

いじくり回すためのフィドル：http：//jsfiddle.net/gKVpm/1/

「ベール」のアイデアをもっと複雑なものに使用したい場合は、お知らせください。

于 2013-02-18T03:51:09.723 に答える
1

はるかに簡単に、無効であると判断する「ベール」を使用する代わりに、その行にクラスを追加し、jqueryを使用した検証にそのcssクラス名を使用することをお勧めします。さらに、次の場合は、スタイルにそのcssクラスを使用できます。それはあなたも求めているものです。

于 2013-02-18T03:44:48.757 に答える
1

クラスのスタイル定義をCSSに入れます。サイズは親要素によって決定されるため、両方を100％widthにheight設定できます。

http://jsfiddle.net/UjcB2/2

于 2013-02-18T03:48:15.747 に答える