移除/切換Div

Question

如何通過點擊刪除div，但隱藏或顯示任何名稱或年齡在div中的div。

一個複選框，應在ID開頭切換與「名」的任何申報單，而另一個複選框應在ID

<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爲了使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/