jquery檢測並刪除單擊的元素

Question

我有一個DIV的層次結構與類相關但不是ID。 如何刪除被點擊的項目？

<div>
    <div class="minibox" onclick="remove_me()">Box1</div>
    <div class="minibox" onclick="remove_me()">Box1</div>
    <div class="minibox" onclick="remove_me()">Box1</div>
    <div class="minibox" onclick="remove_me()">Box1</div>
    <div class="minibox" onclick="remove_me()">Box1</div>
</div>
<script>
    function remove_me(){
    ///remove the clicked div
    }
</script>

Answer 1

$('div .minibox').click(function(e){
    $(e.target).remove();
});

Answer 2

$('.minibox').click(function() { $(this).remove(); });

Answer 3

在jQuery document.ready（）事件中，您需要將單擊處理程序綁定到div

$(document).ready(function() {
    $('.minibox').click(function(e){
        $(this).remove();
    });
});

查看jQuery remove（）並單擊（） 。

事件處理程序中的this引用了被單擊的元素。

Answer 4

更改

 <div class="minibox" onclick="remove_me()">Box1</div>

至

 <div class="minibox" onclick="remove_me(this)">Box1</div>

然后用

<script>
 function remove_me(elm){
   $(elm).remove();
}
</script>

Answer 5

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
<div class="box">Box 4</div>
<div class="box">Box 5</div>

然后你會用

$(".box").bind("click", function() {

  $(this).fadeOut(500, function() { 
    // now that the fade completed
    $(this).remove(); 
  });

});

JSBIN中的示例

Answer 6

$(document).ready(function() {
  $('.minibox').click(function () {
    $(this).remove();
  });
});

檢查刪除（） 。

Answer 7

如果您可以使用jQuery注冊您的活動，它就像：

$(".minibox").click(function(){
   $(this).remove();
});

關於jsfiddle的代碼示例。

Answer 8

你的HTML：

<div class="box">some content</div>
<div class="box">some content</div>
<div class="box">some content</div>
<div class="box">some content</div>
ect...

你的jQuery

$(function(){ //make sure your DOM is ready
$("div.box").click(function(){ // bind click on every div that has the class box
  $(this).remove(); //remove the clicked element from the dom
});
});

用fadeOut動畫演示： http ： //jsfiddle.net/qJHyL/1/ （和花式刪除圖標）