jquery只将一个类添加到样式一次

Question

我有一些代码，允许将一个类添加到＆＃39; style＆＃39;部分。

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

此代码多次添加该类。问题是我希望只有在样式部分中不存在类时才能添加类。我怎样才能做到这一点？谢谢你的帮助！

Answer 1

我认为你应该阅读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 2

您可以使用以下内容：

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

如此处所述https://stackoverflow.com/a/33265116/2469264

Answer 3

你可以试试这个

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