2013年6月16日日曜日

【JavaScript】ある要素の2番目の子要素を非表示にする

例えば、以下のソースの、2番目のimgタグを非表示したい場合
<div id="example">
  <img src="sample.jpg" alt="" />
  <img src="sample2.jpg" alt="" />
</div>

JavaScriptを使用して、画面ロード時に非表示にすることができます。
<script type="text/javascript">
$(function(){
    var setImg = '#example';
    $(setImg + ' :first-child').next('img').css({opacity:'0'});
});
</script>

0 件のコメント:

コメントを投稿