jQuery只向样式添加一次类

Question

我有代码允许将类添加到"样式"部分。

function appendCssClassToStyle(clas, prprty, val)
{
  $('#myStyle').append('.' + clas + '{' + prprty + ':' + val + ';}');
}

此代码多次添加类。问题是我希望只有在样式部分中尚不存在类时才能够添加该类。我该怎么做？感谢您的帮助！

Answer 1

你可以使用这样的东西：

$('.element:not(.class-name)').addClass('class-name');

正如这里提到的 https://stackoverflow.com/a/33265116/2469264

Answer 2

我认为你应该阅读jQuery的使用以及如何将内联样式添加到html元素中...

内联样式：

<div class="someEl" style="background-color:#ff0000;">Some awesome text</div>

此元素有一个类.someEl您可以在 CSS 样式表中设置样式：

.someEl {
    background-color:#fff; /* setting bg color to white */
    color:#000; /* setting font color to black */
}

上面将导致具有红色 (#ff0000( 背景的div，因为内联样式将覆盖样式表中的样式。

使用 jQuery，您可以在元素中添加和删除内联样式。添加内联样式：

$('.someEl').css({
   'color': '#fff',
   'backgroundColor': '#ff0000'
});

删除内联样式：

$('.someEl').css('backgroundColor', '');

Answer 3

你可以

试试这个

function appendCssClassToStyle(clas, prprty, val)
{
  //var prprty = 'text-align';
  //var val = 'center';
  $('.' + clas).css(prprty,val);
}