我正在使用razor视图处理asp.net mvc 4。我试图用样式float:left
显示奇数div标签,甚至用样式float:right
显示div标签。这里我的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用于偶数div标签。请指导我。
答案 0 :(得分:2)
不是设置内部div的id
,而是将class
设置为divInner
。然后将选择器更改为如下所示:
$(document).ready(function () {
$("div.divOuter .divInner:odd").css("float","left");
$("div.divOuter .divInner:even").css("float", "right");
});
在HTML文档中,ID应该是唯一的。
答案 1 :(得分:0)
你缺少一个重要的部分 - 不能有多个具有相同名称的ID。您可以使用类然后使用选择器,它将起作用。