我有这样的东西
<span style="font-size: 1.7px; letter-spacing: -1.7px; color: #edf6fc">text</span>
和
<span style="font-size: 99.81%; color: #080007">text </span>
我将如何选择第一个并添加;让我们说 display: none
到它的样式(或删除那个跨度)而不是第二个使用 JavaScript 的样式。
或者我如何删除所有具有 CSS 属性 letter-spacing
的 span?
最佳答案
为这些元素提供 class
或 id
。
.spanOne{
display: none;
}
或
动态创建这些元素并将它们存储在变量中。 然后您可以使用这些变量来添加或删除属性。
var spanOne = //code to create span element;
var spanTwo = //code to create another span element;
$(spanOne).hide();
或
$('#parentElementID').children('span').eq(0).hide();
更新:
$('div').children('span').filter(function () {
return this.style.fontSize == "17.7px"; //in your case 1.7px
}).eq(0).css('backgroundColor', 'red');
PS:我建议为该元素添加类名或 ID。
关于javascript - 使用 JavaScript 将 CSS 属性添加到包含 CSS 样式的特定范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17519925/