0

私はかみそりビューでasp.net mvc 4に取り組んでいます。style で奇数の div タグを表示し、 stylefloat:leftでさらに div タグを表示しようとしていますfloat:right。ここで、私の div タグは次のようになります。

    <div id="content" style="padding-top:80px;">
    @foreach (var item in (List<System.Data.DataRow>)ViewBag.List)
    {
        <a href="@string.Format("Products?id={0}",item[0])">
        <div class="img">

            <table align="center" cellspacing="12">
                <tr>
                    <td style="text-align: center;">
                        <b>@item[1]</b>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center; color: DodgerBlue; font-size: xx-large; border-top: 1px solid Gray;
                        border-bottom: 1px solid gray; font-weight: bolder;">
                        $@item[2]
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        @item[3]
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        No Trail period
                    </td>
                </tr>
                <tr>
                <td>
                <div class="divOuter" style="float:left;margin:4px;width:100%;height:40px;text-align:left">
                 @foreach (var i in ProductOption.ProductOptions(Convert.ToInt32(item[0])))
                 {
                     <div class="divInner" style="display:inline;width:50%;"><input type="checkbox" value="@i[0]" checked="checked" /><span style="line-height:20px;font-weight:bold;">@i[0]</span></div>
                 }
                 </div>
                </td>
                </tr>
            </table>
        </div></a>
    }
</div>

私はjqueryを次のように使用しています

 $(document).ready(function () {
           $("div.divOuter div.divInner:odd").css("float","left");
           $("div.divOuter div.divInner:even").css("float", "right");
       });

float:left を奇数の div タグに適用し、float:right を偶数の div タグに適用するにはどうすればよいですか。私を導いてください。

4

2 に答える 2

2

id内側の divを設定する代わりに、それらclassをに設定しdivInnerます。次に、セレクターを次のように変更します。

 $(document).ready(function () {
       $("div.divOuter .divInner:odd").css("float","left");
       $("div.divOuter .divInner:even").css("float", "right");
   });

ID は、HTML ドキュメント内で一意であると想定されています。

于 2012-07-13T15:07:00.487 に答える
0

あなたは大きな部分を失っています-同じ名前の複数のIDが存在することはできません。クラスを使用してからセレクターを使用すると、機能します。

ここを参照してください：http：//jsfiddle.net/FMp35/3/

于 2012-07-13T15:12:43.680 に答える