如果`tr`的显示不是没有,将会计算``

时间:2013-06-23 15:25:03

标签: c# javascript asp.net-mvc

在我的cshtml文件中,如果<td>的显示不是非​​,我希望计算tr

<tr id="abc" style="display:none;height: 30px;">
<td class="titleStyle">Page:</td>

<td align="left">@Html.DropDownList(("pages"), 
(IEnumerable<SelectListItem>)ViewData["mypages"], new { onchange = "func()",
id = "page2",  style = "float:left; width: 276px;height: 20px;" })</td>

所以我尝试了类似的东西:

<script type="text/javascript">
   if ($("#abc").css("display") != "none") {

   }
</script>

但我怎么能从这里继续?

任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:1)

你的意思是这样的?使用window.getComputedStyle(IE9 +)

HTML

<table>
    <tbody>
        <tr id="abc" style="display:none;height: 30px;">
            <td class="titleStyle">Page:</td>
        </tr>
        <tr id="abcd" style="height: 30px;">
            <td class="titleStyle">Page:</td>
        </tr>
    </tbody>
</table>

的Javascript

var trs = document.getElementsByTagName("tr"),
    length = trs.length,
    i = 0;

while (i < length) {
    if (window.getComputedStyle(trs[i]).display !== "none") {
        trs[i].children[0].firstChild.nodeValue = "Page: 1";
    }

    i += 1;
}

jsfiddle