如何使用jQuery修改CSS,其中两个id彼此相邻

时间:2016-04-15 11:47:00

标签: jquery css

非常感谢对此有所帮助。

我有这个HTML:

#shopper_approved #sa_header { padding: 20px 0 0 30px}

我有这个CSS:

$('#shopper_approved, #sa_header').css('padding-left','0px');

我无法修改它,因为它是从外部加载的,但我想在加载后更改填充。

我不确定如何使用jQuery,当我尝试这个时它不起作用:

marker.userData = @{@"marker_id":[NSString stringWithFormat:@"%d",i]};

将shopper_approved和sa_header的填充更改为0px,但这被css样式覆盖。

2 个答案:

答案 0 :(得分:1)

-----------------问题更新后-------------------------- < / p>

根据您更新的问题,我已经使用html提供了新的JSFiddle,css由您提供并且工作正常。

你可能没有使用jquery的ready函数。

----------------------问题更新前----------------------

我已经制作JsFiddle并且工作正常。

HTML :[由于您尚未添加有问题的HTML代码,我已准备好从我这边准备样本]

<div id="class1">
    <div id="class2">
    Testing

    </div>

</div>

<input type="button" value="change padding" id="btn"/>

<强> CSS

#class1 #class2 { padding: 120px 40px 0 130px}

Javascript

$("#btn").click(function(){


 $('#class1 #class2').css('padding-left','300px');
});

答案 1 :(得分:-1)

您好,亲爱的,您的代码是真的,因为您在事件中遇到问题 首先,我会解释 在jquery window.load和document.ready中 两者都不同 所以如果你想在页面加载后更改填充,那么在window.load的任何部分下面写下这段代码 在coling of this之前

   $(window).load(function(){
    setTimeOut(function(){
      $('#class1').css('padding-left','0px');
      //for one
      $('#class1, #class2').css('padding-left','0px');
      //for two
    },500)
  });