访问jquery儿童元素

-1

<div style="float: right; margin-top: 15px; " class=" class1"> 

    <div style="min-width: 50px; min-height: 29px; opacity: 0.5; " class=" sub1_class"> 
     <div style="height: 29px; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " class=" sub2_class"> 

      <div style="height: 39px; overflow-x: hidden; overflow-y: hidden; zoom: 1; cursor: pointer; background-image: url('images/new'); margin-top: 1px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; " class=" sub3_class" unselectable="on"> 
      </div> 
     </div> 
    </div> 
</div>

我想访问子元素并更改其上述dom结构的css。我该怎么做。我正在学习jquery。我已将class1类分配给变量。 myclass=document.getElementsByClassName('class1')[0];访问jquery儿童元素

而且我需要更改类名称sub2_class和sub3_class的css。我该怎么做？

来源

2011-10-22 rubyist

如果您使用的是jQuery，则不需要使用getElementsByClassName，请使用jQuery的选择器。

$('.class1 .sub2_class').css('background-color', 'red');

（顺便说一句，可以考虑使用，而不是内联CSS类的造型元素。）

来源

2011-10-22 07:58:41 JJJ

下面的代码将做到这一点，

$("div.class1").find("div.sub1_class").addClass("new_css_class_name"); 
$("div.class1").find("div.sub2_class").addClass("new_css_class_name");

你也可以使用removeClass，如果你想删除现有的css类。

来源

2011-10-22 08:00:25

这里是豆蔻例如：

<style> 
my-class { color: red} 
</style> 

<div id="id-parent"> 
<span id="id-child-1">hello</span> <span id="id-child-2">world</span> 
</div> 

<script> 
$("#id-parent>*").addClass("my-class"); //you make hello world to red 
</script>

来源

2011-10-22 08:02:02

访问jquery儿童元素

回答

相关问题