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/

删除/切换Div

1 个答案: