javascript - 使用 JavaScript 将 CSS 属性添加到包含 CSS 样式的特定范围

Question

我有这样的东西

<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？

Answer 1

为这些元素提供 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。