jquery - 删除/切换 div

Question

如何通过单击删除 div，但隐藏或显示 ID 中具有名称或年龄的任何 div。

一个复选框应切换 ID 开头带有“name”的任何 div，另一个复选框应切换 ID 开头带有“age”的所有 div

<div id="container">
  <div id="name-254"></div>
  <div id="age-645"></div>
  <div id="name-142"></div>
  <div id="name-341"></div>
  <div id="age-341"></div>
  <div id="name-341"></div>
</div>

Answer 1

为了使div元素在您单击它们时自毁，您可以执行以下操作：

// Inside the #container, when somebody clicks a div
$("#container").on("click", "div", function(){
   // Remove that div
   $(this).remove(); 
});​​​​​

至于切换每组可见性的复选框：

// When somebody clicks on a checkbox
$(":checkbox").on("click", function(){
    // Reference for the checkbox, its name, and checked property (true|false)
    var chbx = $(this),
        name = chbx.attr("name"), 
        show = chbx.prop("checked");

    // Find elements whose id begins with the checkbox name
    // and set their toggle to true or false
    $("[id^=" + name + "]").toggle( show );
});

在这里查看它的实际效果：http: //jsfiddle.net/6GBpW/3/