-1

如何通过单击删除 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>
4

1 回答 1

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/

于 2012-10-23T20:33:30.943 回答