Question

你如何切换内部div的类？例如：

HTML：

<div class="masonry">
  <div class="item">
    <div class="item-content">1
      <div class="item-more-content">1+</div>
    </div>
  </div>
  <div class="item">
    <div class="item-content">2</div>
  </div>
</div>

的javascript：

$( function() {

  var $container = $('.masonry').masonry({
    columnWidth: 60
  });

  $container.on( 'click', '.item-content', function() {
    $( this ).parent('.item').toggleClass('is-expanded');
    $( this ).children('.item-more-content').toggleClass('iz-expanded');
    $container.masonry();
  });  

});

.parent work，.children没有。

如何切换子div的css类，＆＃34; item-more-content＆＃34;？

Answer 1

这对我来说很好（我会评论，但还没有足够的分数）。你确定你想要为'.item-more-content'切换'iz-expanded'而不是'is-expanded'？ - 错字？

js子类切换

1 个答案: