删除div

现在在一个div中有多个div，我想点击右键删除。但不知道怎么判断要删除的这个div。
js该怎么写？

解决方案 »

  1.   

    有代码没？能不能，在点击右键的同时，获取当前div的id呢，然后再进行删除操作！
      

  2.   


    这个id要怎么获得呢？在js中用集合保存？
      

  3.   

    这么写：<div oncontextmenu="$(this).remove();">123345</div>
      

  4.   

    <div id="aa" onclick="this.style.dispaly='hidden'"></div>这个是隐藏我觉得这个就是楼主要的东西
      

  5.   

    我不是直接点右键就删去的。我是点了右键会有一个div，这个div中有删除
    我把代码发上来吧
      

  6.   


    <body>
        <center>
            <div id="popDiv" oncontextmenu="test();">
            <div id="popDiv1" oncontextmenu="test();">
            <div id="popDiv2" oncontextmenu="test();">
            </div>
        </center>
        <div id="ie5menu" class="skin0"  style="display:none">
            <div id="test" class="menuitems" target="_blank" onclick="test1();" onmouseover="test2();">
                删除</div>
        </div>
    </body>    <script language="javascript">function test(){
                 var div =document.getElementById("ie5menu");   
                 
                 div.style.display="";
                 div.style.left=event.x;
                 div.style.top=event.y;
                 event.returnValue=false;
    }function test1(){
        document.getElementById("ie5menu").style.display="none";
        document.getElementById("popDiv").style.display="none";
    }function test2(){
        document.getElementById("test").style.background="blue";
    }
        </script>
      

  7.   

    <script language="javascript">
    var dom;
    function test(obj){
                 dom = obj
     var div =document.getElementById("ie5menu");   
                 div.style.display="";
                 div.style.left=event.x;
                 div.style.top=event.y;
                 event.returnValue=false;
    }function test1(obj){
        obj.parentNode.style.display = "none";
        dom.style.display="none";
    }function test2(){
        document.getElementById("test").style.background="blue";
    }
        </script><body>
        <center>
            <div id="popDiv" oncontextmenu="test(this);"></div>
            <div id="popDiv1" oncontextmenu="test();"></div>
            <div id="popDiv2" oncontextmenu="test();"></div>
        </center>
        <div id="ie5menu" class="skin0"  style="display:none">
            <div id="test" class="menuitems" target="_blank" onclick="test1(this);" onmouseover="test2();">
                删除</div>
        </div>
    </body>
      

  8.   

    这快就结贴了，我还在用jquery弄，呜呜~~~~~~~~
      

  9.   

    我的写好了，唯一不同的就是把删除显示在层旁边
    <body>
        <div>
            <span style="color: Red;" id="popDiv">bbssssssssss</span>
        </div>
        <div>
            <span id="popDiv1">ccc</span>
        </div>
        <div>
            <span id="popDiv2">ss</span>
        </div>
        <div id="ie5menu" class="skin0" style="display: none; position: absolute;">
            <div id="test" class="menuitems" style="cursor: default; color: Blue;" target="_blank">
                删除</div>
        </div>
    </body>
    </html>
    <script language="javascript">
        $(function () {
            var zhi;
            $("span").mousemove(function () { $("span").css("cursor", "default"); });
            $("span").mousedown(function (e) {
                //如果为3表示右键点击
                if (3 == e.which) {
                    zhi = $(this)[0].id;
                    //将删除显示在span的旁边
                    $("#ie5menu").css("left", $(this).offset().left + $(this).width() + 8);
                    $("#ie5menu").css("top", $(this).offset().top - $("#ie5menu").height() + 24);
                    $("#ie5menu").show();
                }
            });
            //删除对应的div
            $("#test").bind("click", function () {
                $("#" + zhi).remove();
                $("#ie5menu").hide();
            });
        })
    </script>