如何在 table 中为 tr id 创建逻辑/查找样式

Question

我有一个 table 定义如下：

<table id="DateTable" width="100%">
    <tbody>
      <tr id="prior" style="display: none;" ><td>
       . .. .. . prior
      </td></tr>
      <tr id="current"><td>
        . .. ..  current
      </td></tr>
    </tbody>
</table>

我需要确定 "prior" id 是否存在样式="display: none;" 的逻辑。

我有这个，但它不起作用：

if($("#DateTable tr").find("prior").html("style=display: none;").length > 1)
    alert("Style exists!!");
}
else {
    alert("Style doesn't exist.");
}

我哪里错了？

Answer 1

您需要使用css方法：

if($("#DateTable tr").find("#prior").css("display") === 'none')

另请注意，ID 在 DOM 中应该是唯一的，并且您忘记在 prior 元素的选择器中添加 # 符号。

所以你的代码可以很简单：

if($("#prior").css("display") === "none") {
    alert("Style exists!!");
} else {
    alert("Style doesn't exist.");
}

如何在 table 中为 tr id 创建逻辑/查找样式

How to create logic / find style for tr id in table

ajax