两重DIV里面怎么在嵌套的DIV里面点击一个按钮后删除当前div

图片说明

 <div class="weui-form-preview" style="margin-top:10px" id="d1">
    <div class="weui-form-preview__bd" style="text-align:right;margin-right:50px">
    <a id="show-delete" href="javascript:;" style="position:absolute;margin-top:20px;width:40px;color:#199ED8;font-size:18px;">作废</a>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="color:#666666">购货方名称:</label>
      <span class="weui-form-preview__value" style="text-align:left;color:#666666">海南省海口市XXX有限公司</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="color:#666666">金额:</label>
      <span class="weui-form-preview__value" style="text-align:left;color:#666666">1000.0元</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="font-size:10px">申请日期:</label>
      <span class="weui-form-preview__value" style="text-align:left;font-size:10px">2017-01-01</span>
    </div>
    </div>
  </div>

  <div class="weui-form-preview" style="margin-top:20px">
    <div class="weui-form-preview__bd" style="text-align:right;margin-right:50px">
    <a id="show-delete" href="javascript:;" style="position:absolute;margin-top:20px;width:40px;color:#199ED8;font-size:18px">作废</a>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="color:#666666">购货方名称:</label>
      <span class="weui-form-preview__value" style="text-align:left;color:#666666">海南省海口市XXX有限公司</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="color:#666666">金额:</label>
      <span class="weui-form-preview__value" style="text-align:left;color:#666666">1000.0元</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="font-size:10px">申请日期:</label>
      <span class="weui-form-preview__value" style="text-align:left;font-size:10px">2017-01-01</span>
    </div>
    </div>
  </div>

  <div class="weui-form-preview" style="margin-top:20px">
    <div class="weui-form-preview__bd" style="text-align:right;margin-right:50px">
    <a id="show-delete" href="javascript:;" style="position:absolute;margin-top:20px;width:40px;color:#199ED8;font-size:18px">作废</a>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="color:#666666">购货方名称:</label>
      <span class="weui-form-preview__value" style="text-align:left;color:#666666">海南省海口市XXX有限公司</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="color:#666666">金额:</label>
      <span class="weui-form-preview__value" style="text-align:left;color:#666666">1000.0元</span>
    </div>
    <div class="weui-form-preview__item">
      <label class="weui-form-preview__label" style="font-size:10px">申请日期:</label>
      <span class="weui-form-preview__value" style="text-align:left;font-size:10px">2017-01-01</span>
    </div>
    </div>
  </div>

用了这种还是一样不行啊
图片说明

 function deleteRegist(buttons){
     var $f = $(buttons);
     var $parent = $f.parent("div");
     $parent.empty();


}

8个回答

$(document).on("click", "#show-delete", function () {
var $parent = $(this).parent();
$.confirm({
//这里不变,都是一样
//然后将deleteRegist(this)直接换成 $($parent).remove();
})
})
页面中id只能出现一次,你这个按钮id=show-delete最好改成class=show-delete

qq_41804846
qq_41804846 请问$.showAsk是 什么意思
大约一年之前 回复
qq_39129404
qq_39129404 回复苏小苏: 厉害 可以啦!非常感谢
大约 2 年之前 回复
sxs161028
苏小苏 你这个应该是 var $parent = $(this).parent().parent();
大约 2 年之前 回复

display = none

给嵌套的div中的点击事件绑定点击事件的时候 传递this进去
然后在函数里通过这个this获取到父节点 然后把父节点设为空

    <div>
        <div>
            <button onclick="fun2(this)">点击</button>
        </div>
    </div>


    <script type="text/javascript">
        function fun2(buttons){

            var $f = $(buttons);
            var $parent = $f.parent("div");
            $parent.empty();

        }
    </script>

这是用了jQuery的

jq方法:
$(this).parent().remove();
如果不在button的点击事件里面使用的话就是$("#btn_id").parent().remove(); 或者直接$("#div_id").remove();

楼上的方法:dispaly:none是隐藏div,怎么选看你什么需求了。

<div style="display:none;" id="accusationmanagerdiv">
</div>
<div  id="complainmanagerdiv">
</div>

function showdiv(key ,value){

    if(value==0){//如果show是隐藏的

    $("#complainmanagerdiv").css("display","block");//show的display属性设置为block(显示)
    $("#accusationmanagerdiv").css("display","none");//show的display属性设置为block(显示)

    }else{//如果show是显示的

    $("#complainmanagerdiv").css("display","none");//show的display属性设置为none(隐藏)
    $("#accusationmanagerdiv").css("display","block");//show的display属性设置为none(隐藏)

    }

}

$("#dl>div").click(function(){
$(this).hide().siblings().show();
})

$("#d1>div").click(function(){
$(this).hide().siblings().show();
})

$(this).parents('.weui-form-preview').remove();

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
DIV+CSS 一个DIV里面嵌套三个DIV
[code=CSS]rn #n width:960px; height:84px; margin:0 auto; padding:0px; background-color:Green;rn #n1 width:230px; height:84px; margin:0px; padding:0px; float:left; background-color:Red;rn #n2 width:470px; height:84px; margin:0px; padding:0px; float:left; background-color:Yellow; rn #n3 width:200px; height:84px; margin:0px; padding:0px; float:right; background-color:Black;rnrn #f width:960px; height:70px; margin:0 auto; padding:0px; background-color:Blue; rn[/code]rnrn[code=HTML]rn rn rn rn rn rn rn rn[/code]rnrn为什么div(n1,n2,n3) 不和 div(n)重合,div(n1,n2,n3)的上边都有一点空隙, 怎么把空隙删除。rn效果图:[img=http://img.my.csdn.net/uploads/201207/23/1343050098_5932.jpg][/img]
DIV浮动以后里面嵌套Div
rn rn rn rn rn rnrnrnleft 和 right 是浮动的,在left里面放置两个新的div,页面的div就乱了,大致就是实现下面的样子rn[img=https://img-bbs.csdn.net/upload/201601/27/1453882368_138612.png][/img]rnrnrn
在div里面固定悬停一个DIV
[code=html]rnrn rn rn XXXXX rn ............中间很多P标签rnrn XXXXXrn rn rn rnrnrn[/code]rn以上就像想把.pin 的DIV悬停在container的底部,而拖动container的scroll的时候,也悬停在底部rn我想简单的完成,想用CSS完成,但是好像不得行,因为这个是在DIV内部去悬停一个DIV,rn我还用了一个插件“jquery.pin.js”,也不行好像是我最外层DIV是position:fixed的原因,rn请高手帮我解决下这个问题,谢谢
点击一个按钮后怎么调用div
rn rn rn rn rn rn 我们正在为您检索,这可能需要一些时间,请稍等……rn rn rn rn rn rn这段div的效果如下(效果显示不出来)rnrn 然后点击按钮 rnrn 即可显示上边的效果,请问是怎么调用到的,SubmitForm里边应该添加什么代码
DIV嵌套DIV问题
rn 1321321rn rn rn rn rn rn rn[img=https://img-bbs.csdn.net/upload/201507/01/1435740647_832789.jpg][/img]rn红色里面应该有个黑色的 为什么出不来呢!
div嵌套的div水平垂直居中
效果图如下: body代码: &lt;div class="div-one"&gt; &lt;div class="div-two"&gt;&lt;/div&gt; &lt;/div&gt; css代码: .div-one{ width: 300px; height: 300px; positi...
求java正则表达式,提取div里面嵌套div内容
文本如下:rn rn rn Discuz! rnrnrn rn rn Discuz X2! rnrnrn需要取链接和文字
div的点击事件获取当前那个div点击了
[img=https://img-bbs.csdn.net/upload/201509/01/1441083681_672905.jpg][/img]rnrn如图 想做这么一个效果,点击左边的任意人员,点中变色,点按钮时,左边的选中过去右边,右边的保存所选择的,也可以到左边。rnrn求解答。。
点击DIV里的DIV
一个[color=#FF0000]大[/color]的DIV里嵌套几个[color=#008080]小[/color]的DIV,如何获取onmousedown在[color=#FF0000]大[/color]的DIV的点击坐标(offsetXY)?
div里面嵌入视频
div视频嵌入的方法
tr里面嵌入div
  可以的,在tr前面加一个tbody,再在tbody前面加一个div即可。   refurl:http://bbs.csdn.net/topics/190157889    
iframe里面创建DIV
我要在iframe里面创建一个DIV 并且把焦点设置到这个DIV上面,具体应该怎么操作??
删除div上的div
判断在父级div上是否存在子divrnrn并在父级div上删除子div
点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
当点击按钮后显示隐藏层,满足鼠标在div里操作不隐藏,在外边点击会消失的功能。                                 逻辑上主要是阻止浏览器的冒泡                                             //点击#btnClick时要阻止冒泡,否则.pop是不显示的,         //因为冒泡了,会执行到下面
点击按钮,div隐藏
请教——rn点击“销售”,红色部分的div隐藏,能用css的尽量不用JSrnrnrnrnrnrn rn 店员rn rn rnrnrn rn rn rn 查询rn 销售rn rn rn rn [color=#FF0000]rn rn rn 销售情况rn 库存情况rn 退货情况rn rn rn [/color] rn rn rnrnrn
点击按钮移动DIV
[code=html]rnrnrn 点击按钮让DIV层弹性移动rn rn rn rnrnrn rnrnrnrn[/code]rn如code标题,这段代码在IE里要允许运行ActiveX控件才能运行,在谷歌浏览器根本运行不起来。rn求兼容谷歌浏览器的修改方法。
点击按钮div变色
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;点击按钮div变色.html&lt;/title&gt; &lt;meta charset="utf-8" /&gt; &lt;/head&gt; ...
div中嵌套div的问题
两个div嵌套子div外边距magin的问题
点击按钮显示隐藏div
//测试点击按钮div出现,再次点击div关闭 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; function ClickMenu(diving) { //alert(diving); if (document.getElementById(diving).style.display == &quot;none&quot;) { document.getElementById(divin...
关于div与div嵌套的问题
这是我的代码rnrnrnrn rn 无标题文档rn rn rnrn rnrnrn rn rn rn 设置主页rn rn rn rn 点击收藏rn rn rn rn rn rn rn rnrnrnrncssrn/*头文件开始*/rn.toprn width:1280px;rn height:24px;rn rn margin:0 auto;rn background:url(../images/top1.jpg)rnrn.top_1_1rn height:24px;rn width:74px;rn margin-left:1002px;rn position:relative;rn rn.top_1_2rn width:74px;rn height:24px;rn margin-left:1096px;rn float:left;rnrnrnrn.szrn font-size:12px;rn color:#FFFFFF;rn padding-top:5px;rn rn rn.sz_1rn font-size:12px;rn color:#000;rn padding-top:5px;rnrn rn rn#headerrn width:1280px;rn height:105px;rn border:1px solid #F00;rn margin:0 auto;rn position:relative;rn background:#F2F2F2;rnrnrn#header .top_1 rn rn rn width:362px;rn height:32px;rn margin:0 auto;rn margin-top:19px;rn rn background:url(../images/cgal_1.png) -426px -19px no-repeat;rnrnrn/*头文件结束*/rn问题是“点击收藏这几个字不显示”rn本人新手 求大神指教啊
Jquery里面怎么多了一个div
[code=HTML]rn rn 标签1rn 标签2rn 标签3rn rn rn 内容区1rn rn 内容区2rn rn 内容区3rn[/code]rnrnrnJquery代码如下:rnrn[code=JScript]rn$(function()rn $("li").each(function(index)rn rn $(this).mouseover(function()rn // 将当前区域的li隐藏rn alert("x");rn $("div.contentin").removeClass("contentin");rn alert("y");rn // 将当前li所对应的区域显示出来rn $("div").eq(index).addClass("contentin");//注意就这个地方,我这里当index等于0的时候添加就不行,必须要index等于1的时候添加才可以,我的页面明明就3个div,但是在火狐中看下面出现第4个div? 为什么呢?火狐中看到的如下: ,多了个他。rn alert("z");rn )rn )rn)rn[/code]rnrnrn总结问题就是:我HTML编辑器中总共就3个DIV,怎么火狐运行后会出现第4个DIV? 还有我的3个div在Jquery中是从0开始索引?还是从1开始索引?rn
一个div里面只有一个div,没有其他的东西
一个div里面只有一个div,没有其他的东西rnrn就像这样的:rn rn rn rnrnrn请问为什么要这样做?
div 嵌套?
rn rn rnrnrnrn这样的嵌套没有问题的吧?rn如果我在1里写text-align:center,那div2应该能在div1里居中的吧?
Div Div Div Div Div Div Div 的問題
rn如何做一个象rnrn迅雷首頁rnhttp://movie.xunlei.com/rnrn那儿的热门推荐的效果.rn就是说放鼠标上去它就显示内容,放到电影,电视那儿又不同的内容.rn请教...rnrn有源文件请发:rn32441323.qq.comrn谢谢.
移动div方块,点击按钮后,div返回原来位置
[img=https://img-bbs.csdn.net/upload/201610/19/1476874398_545357.png][/img]
外层div绝对定位里面div高度的怎么充满百分百?
rnrnrn rn 无标题文档rn rnrnrn rn rn rn rn 学历 rn 学习形式rn 所学专业 rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn 学历 rn 学习形式rn 所学专业 rn 所学专业说明rn 学历 rn 学习形式rn 所学专业 rn 所学专业说明rn 学历 rn 学习形式rn 所学专业 rn 所学专业说明rn 学历 rn 学习形式rn 所学专业 rn 所学专业说明rn 学历 rn 学习形式rn 所学专业 rn 所学专业说明rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn 当前第1/7页rn 首页rn 上页rn 下页rn 末页rn 第1页rn rn rn rn rn rn rnrn
点击div外部,自动隐藏div
效果: 点击标签列表外部,自动收起标签列表   方法:采用阻止冒泡 //点击标签列表外部自动收起列表 function stopFunc(e) { e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; } document.onclick = function(...
div嵌套一个div,设置css,使得内部div紧贴外部div边框 怎么写css
#login #loginInfornloginInfo为内div的idrnlogin为外div的idrn
一个div里面三个div并排为什么不行?
我的原意是一个div里面并排3个div,然后最外面的div是有黑色边框的,然后里面三个并排的div里面显示文字。rnrn代码如下:rn[code=HTML] rn 文字1rn 文字2rn 文字3rnrn[/code]rnrn我写错了?应该怎么写呢?
怎么选中当前DIV
比如说body里面有三个DIV,我要怎么要做才能获取到当前DIV呢?rn[code=HTML]rnrnrn rnrn rn rn rnrnrn[/code]
div+css 让一个小div在另一个大div里面 垂直居中
.parent { width:800px; height:500px; border:2px solid #000; position:relative; } .child { width:300px; h...
从一个div向另一个div里面追加自己的元素
自定义添加 借款合同 房本 委托书 身份证 户口本 结婚/离婚证 离婚协议书 公章 公司章程 营业执照 组织机构代码 $(function(){ $('#select_ect').on('click','span',function(){//事件委托 $('#content').append('' + $(this).html() + '
div内嵌套输入框,按钮,
html 税前收入: css .input-box{ border:solid 0.1rem #CCCCCC;border-radius:0.3rem ;} .input-num{padding: 0.5rem 0.3rem;border-radius: 0.3rem;border: none;}
DIV里面加了一个div,整个页面布局就乱了
[img=https://img-bbs.csdn.net/upload/201804/16/1523860203_142811.png][/img][img=https://img-bbs.csdn.net/upload/201804/16/1523860210_220373.png][/img]
通过jQuery实现点击按钮,隐藏一个div,显示另一个div
这种方式可以避免跳转页面,在一个页面中显示不同的结果。 &lt;div id="div1" style="width:150px;height:50px;background-color:springgreen;"&gt; 这是第一个div &lt;/div&gt; &lt;div id="div2" style="width:150px;height:5...
在一个div中点击增加按钮弹出另个div
![图片说明](https://img-ask.csdn.net/upload/201601/21/1453354461_247472.png)n集体的效果如图所示,请大神们帮帮我!
点击文字或按钮弹出一个DIV窗口(DIV悬浮窗口)
以下是弹出窗口代码: &amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;点击文字弹出一个DIV层窗口代码&amp;lt;/title&amp;gt; &amp;lt;style&amp;gt; ...
div嵌套div ,点击子级div不触发父级div点击事件
情况如下:             外层的div有一个点击跳转事件,按钮div也是一个点击事件用来隐藏整个div,产生的问题是,点击了关闭按钮了同事会触发父级div的跳转事件, 解决方法: 在子级div上增加一个事件 onClick="event.cancelBubble = true",这样就可以只触发自身的点击事件了
DIV遮罩层 div div
DIV遮罩层 遮罩所有工作区域 简单的方法
点击按钮div层弹出,点击空白处div隐藏
实现效果:点击按钮div层弹出,点击空白处div隐藏。 以下是代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> //样式很丑自己重新定义 #divTop{position: absolute;top
相关热词 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# gmail 发邮件 c# 多层文件

相似问题

5
求点击删除对话后,删除整个相应大的div的方法
4
CSS+div网页设计,放大缩小后网页控件乱序的问题
4
jq,点击相同div,子节点添加或删除class
4
(小白)JS/JQ怎么实现点击一个小图标隐藏一个div并且图标更换为另一个
5
如何用js和css实现两个div之间的互联操作
1
js循环生成div div里面有p标签 点击事件怎么得到点击的p标签内的值
9
如何实现子Div的大小随着父Div的大小动态的改变而改变
7
js设置div可以拖动之后 div里面的input无法输入
4
css怎么让几个div显示在一个div中,且ul也显示在这个div中
1
ASP.net 两个DIV重叠放在一起后 两个DIV里面的按钮下的代码不起作用
3
python中用正则去匹配多个div嵌套的时候,需要这样来写正则表达式
12
如何实现textarea中输入@在当前文本的右下方出现一个div,里面选择人名
11
一个div需要不停的出现,问题是需要实现位置变化
9
如何在点击一个<div>时去执行一个javascript里的函数?
7
js挂一个表格在div里面,允许用户添加,判断表格是否重复,不经过sql,怎么写?
4
谁能帮我写一个点击按钮后提示正在加载,然后js get json返回的数据。插入指定DIV中
14
div与列表嵌套问题,求大神解救
12
jsp里面用文本框弹出div
3
javascrpt语言里怎么实现div点击以后通过文本框给它更新的功能,html的实现?
10
用JQuery实现在div1后追加多个有内容的div2,并实现div2里面的元素的id自增