Question

我正在尝试使用jquery为div添加内联样式，以下是我在firebug中检查的div（附在下面）

我想保留现有的CSS，我只需要将margin-left:0和margin-right:0添加到现有的课程中，按照jquery我已经尝试但没有运气：

jQuery(document).ready(function($){
   $(".testimonial_wrapper").css({'margin-left':'auto', 'margin-right':'auto'});    
});

另一种实现方式是什么？（请注意我正在编辑wordpress网站，div是从页面构建器插件生成的）

Answer 1

我认为您只需要从$删除function($)并在功能本身中将$更改为jQuery：

jQuery(document).ready(function(){
   jQuery(".testimonial_wrapper").css({'margin-left':'auto', 'margin-right':'auto'});    
});

Answer 2

也许你可以添加内联css：

<style type="text/css">
   div.testimonial_wrapper {
      padding-left : auto !important;
      padding-right: auto !important;
   }
</style>

以上内容也适用于新元素，但要确保它出现在.css include

之后

Answer 3

我已添加了自己的样式和所需的样式，但不会影响线条样式

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").css("background-color", "yellow");
      $(".testimonial_wrapper").css({'margin-left':'auto', 'margin-right':'auto'});    
    });
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p class="testimonial_wrapper" style="background-color:#ff0000;border:1px solid #000;">This is a paragraph.</p>
<p class="testimonial_wrapper" style="background-color:#00ff00;border:1px solid #000;">This is a paragraph.</p>
<p class="testimonial_wrapper" style="background-color:#0000ff;border:1px solid #000;">This is a paragraph.</p>

<p>This is a paragraph.</p>

<button>Set background-color of p</button>

</body>
</html>

使用jquery为动态生成的div添加内联样式

3 个答案: