-1

divをクリックして削除するにはどうすればよいですか。ただし、IDに名前または年齢が含まれるdivを非表示または表示します。

1つのチェックボックスは、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 に答える