gpt4 book ai didi

jquery - 使用 jQuery 查找类并添加属性

转载 作者:行者123 更新时间:2023-12-01 05:57:23 26 4
gpt4 key购买 nike

我有一个页面,其中类名是动态生成的。该类具有“写作模式:tb-rl;”属性,但我想添加 IE 以外的其他浏览器中垂直文本所需的其他属性。

链接到 JSFiddle 示例:http://jsfiddle.net/VheJd/1/

完整 HTML:

<html>
<head>
<title>test page</title>
<style type="text/css">
.dynamic_name {
writing-mode: tb-rl;
/*Would like to find the class by the writing-mode property then add the properties below:*/
/*-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);*/
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
//find classes with writing-mode: tb-rl and add -moz-transform etc... properties
});
</script>
</head>
<body>
<table>
<tr>
<td class="dynamic_name">text 1</td>
<td class="dynamic_name">text 2</td>
</tr>
<tr>
<td>hello</td>
<td>world</td>
</tr>
</table>
</body>
</html>

最佳答案

您可以使用getComputedStyle()通过 JS 检查页面上所有元素的特定 CSS 属性的值,但这会非常慢。

最好找到一种方法来确定动态类的名称,然后通过该类名称来选择所需的元素。例如,如果所有这些动态类都有一些前缀,您可以通过这种方式选择这些元素(在本例中前缀为 foo-):

var elems = document.querySelectorAll('[class ^= "foo-"]');

如果类名始终包含数字子字符串(并且页面上没有其他元素包含数字类名),则可以使用复杂的属性子字符串选择器:

TD[class*="1"], TD[class*="2"], TD[class*="3"], TD[class*="4"], TD[class*="5"],
TD[class*="6"], TD[class*="7"], TD[class*="8"], TD[class*="9"], TD[class*="0"]

关于jquery - 使用 jQuery 查找类并添加属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14103794/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com