向没有 class 或 id 的 div 添加属性值?

发布于 2025-01-08 09:06:15 字数 402 浏览 0 评论 0原文

我想向我无权访问且没有 id 或类的 div 添加 z-index 值,而且上面还有不止一层以相同的方式。这些层之间的区别在于,第三层(我感兴趣的层)附加了一个 z-index 值(硬编码,无法从模板文件中获得,除了模板文件之外我无法触及任何内容)。

所以我想要的是找到一种方法来改变这个div的z-index值。

例如,代码如下所示:

<div>
<div>
<div style="z-index:2">

..some content..

</div>
</div>
</div>

我可以将此代码包装在另一层中,这次使用类名或 ID,然后尝试对内部的 div 进行更改吗?这可能吗?

非常感谢!

I want to add a z-index value to a div that I don't have access to and has no id or class, plus there are more than one layers above all in the same way. The difference between these layers is that, the 3rd one (the one i'm interested in) has a z-index value attached (hard coded, not available from template files, i can't touch anything but the template files).

So what I want is to find a way to change the z-index value of this div.

For example the code looks like this:

<div>
<div>
<div style="z-index:2">

..some content..

</div>
</div>
</div>

Can I wrap this code in another layer, this time with a class name or ID and then try to make the change to the div inside? Is this possible?

Thank you very much!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦初启 2025-01-15 09:06:15

由于 z-index 是硬编码的,因此您可以使用 属性选择器 选择元素 (JSFiddle):

div[style*="z-index:2"]

当您使用 < 通过 jQuery 更改 CSS 时,这甚至可以工作一个href="http://api.jquery.com/css/" rel="nofollow">.css(),或通过 JavaScript 使用 .style.cssText< /code>,因为选择器根据其属性而不是其属性来选择元素。

Since the z-index is hard-coded, you can use an attribute selector to select the element (JSFiddle):

div[style*="z-index:2"]

This even works when you change the CSS through jQuery using .css(), or through JavaScript using .style.cssText, because the selector selects elements by its attribute, not by its property.

玩套路吗 2025-01-15 09:06:15

如果您不关心跨浏览器兼容性,可以使用 :nth-child() css 选择器中的伪类。

像这样的东西

(parent div) div:nth-child(3)

If you don't care about cross-browser compatibilities you can use the :nth-child() pseudoclass in your css selector.

Something like

(parent div) div:nth-child(3)
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文