訪問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兒童元素

回答

相關問題