jquery - 从不同元素调用 jQuery 函数

Question

我对 jQuery 世界还很陌生，所以我希望得到一些帮助。

我正在创建一个页面，其中有一个 div，其中有许多复选框。

每个复选框也包含在它们自己的 div 中。

<div>
    <div>  
        <input type='checkbox' name='cb1' />
        <div id="info1">
            Hide
        </div>  
    </div>  
    <div>  
        <input type='checkbox' name='cb2' />
        <div id="info2">
            Hide
        </div>  
    </div>  
</div> ​

我需要编写一个 jQuery 函数，每当单击复选框(cb1 或 cb2)以隐藏/显示其相应的“info”div(info1 或 info2)时，该函数都能够捕获。

我将有 100 多个复选框，因此我希望有一种方法可以做到这一点，而不必为 click() 编写 100 多个函数。

谢谢，
标记

Answer 1

使用目标项上的类并遍历 DOM 而不是使用特定 ID 会容易得多:

<input class='check' type='checkbox' name='cb1' />
<div id="info1">
Hide
</div>



$('.check').click(function(){
    $(this).next().toggle()
})