javascript - 切换多个同名类中的 1 个的 css

Question

我已经动态创建了 div..

<div class="container"></div>

每个 div 中都有一个 input 元素..

<div class="container">
   <input type="button" class="container_button" value="toggle" />
</div>

我的目标是只最小化点击按钮的容器 div..

$('.container_button').onclick(function() {
   $('.container').css('height','20px');
});

当存在多个相同类的 div 时，如何实现这一点？

Answer 1

jQuery 对象没有 onclick 方法，您可以使用 on 方法代替，因为您动态生成元素，您还应该委托(delegate)事件。

$(document).on('click', '.container_button', function() {
   $(this).parent('.container').css('height','20px');
   //  ^--- clicked element
});