jquery检测和删除点击的元素

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个DIV与类关联但不是ID的层次结构。我怎样才能删除被点击的物品？jquery检测和删除点击的元素

<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>

回答：

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

回答：

<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

回答：

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

回答：

里面的jQuery的document.ready()事件，你需要点击处理程序绑定到div的

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

退房jQuery的remove()和click()。

事件处理函数内部的this引用被点击的元素。

回答：

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

结账remove()。

回答：

如果你可以使用jQuery来注册你的事件很容易为：

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

代码示例上jsfiddle。

回答：

您的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 
}); 
});

演示与淡出动画： http://jsfiddle.net/qJHyL/1/（和花哨的删除图标）

回答：

变化

<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>

以上是 jquery检测和删除点击的元素 的全部内容， 来源链接： utcz.com/qa/258270.html

回到顶部