小编mig*_*igg的帖子

如何检查独立于父级可见性的元素可见性(是否为 jQuery)

我的第一个问题所以请耐心等待。我有一个容器,其中包含不同数量的子元素,如下所示:

<div class="parent">
    <div class="element">content</div>
    <div class="element">content</div>
    <div class="element">content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

快速问题: 是否有 jQuery 或纯 JS 方法来检查element容器是否可见而独立于parent可见状态?

只是简单地要求

jQuery('.parent .element:visible').length
Run Code Online (Sandbox Code Playgroud)

不起作用。

背景:容器parent可以切换,子元素的内容element通过ajax请求获取,并在响应到达时填充。对于我收到的每个响应,子容器都会获取指示响应类型的特定类,例如available等等unavailable。所以生成的 DOM 可能如下所示:

<div class="parent">
    <div class="element available">content</div>
    <div class="element unavailable">content</div>
    <div class="element unavailable">content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个与不同 CSS 文件一起使用多次的模块。所以我不控制 CSS 实现是否真正隐藏unavailable元素,因为这仅在 CSS 中完成。并且容器可以是打开的,但不是必须的。但我必须知道在不打开容器的情况下容器内部是否会有可见元素。这可能吗?

提前致谢!

javascript jquery

5
推荐指数
1
解决办法
4299
查看次数

如何在我点击它时将禁用的mat-input设置为启用?

我有一个mat-input默认情况下禁用它来更改文本.如何在点击它时将禁用设置为启用?之后我想在失去焦点时再次变为禁用状态,或者我点击输入.我能这样做吗?

angular-material angular angular5

4
推荐指数
2
解决办法
2万
查看次数

现代浏览器中的HTML 4网站上的LocalStorage?

我正在考虑编写一个JS包装器,localStorage使用HTML 4在旧网站上创建一个HTML 5 对象,因为每个人都说它只能用HTML 5提供.所以我写了这个简单的页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <script type="text/javascript">
            console.log(localStorage);
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

...我希望控制台给我一个,undefined所以我可以开始实施了.但它只显示本地存储对象,我可以正常使用!我在最新版本的Chrome,Safari和Firefox上尝试过它,它只是有效.

所以我的Q是:

我是否会遗漏某些内容或localStorage在现代浏览器中使用,而不管HTML4或HTML5的文档类型是什么?

难道只是不知道这有效吗?对我有用......但为什么每个人都在讨论HTML 5的要求呢?我没有找到任何来源说这只适用于HTML4.

html javascript html5 local-storage

1
推荐指数
1
解决办法
2585
查看次数