                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(二)—DOM篇

請問大佬，如果想要添加一個按鈕用來刪除給p元素添加的div怎么寫？

如標題。求大佬指教

qq_慕娘6581288

2019-05-27

源自：jQuery基礎(二)—DOM篇 5-3

關注問題我要回答

1263

操作

收起

3 回答

CodeOfCoin 回答被采納 +2 積分
2019-05-28

$('p').unwrap(); //如果div是p的父結點的話

$('p div').remove(); // 如果是div是p的子節點的話

0 回復有任何疑惑可以回復我~

收起回答

qq_慕娘6581288 提問者

麻煩幫我看看我哪錯了，代碼回復貼回復里了

2019-05-29 回復有任何疑惑可以回復我~

CodeOfCoin
2019-05-30

你看看你這行代碼，class寫成了calss

0 回復有任何疑惑可以回復我~

收起回答

qq_慕娘6581288 提問者

哭了手殘了謝謝

2019-05-30 回復有任何疑惑可以回復我~

qq_慕娘6581288 提問者
2019-05-29

我這樣寫不行啊，怎么回事？加粗的地方是我添加的按鈕和代碼

<!DOCTYPE html>
<html>

<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script>
? ? <style>
? ? .left div,
? ? .right div {
? ? ? ? width: 100px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? float: left;
? ? ? ? border: 1px solid #ccc;
? ? ? ? background: #bbffaa;
? ? }
? ??
? ? .right div {
? ? ? ? background: yellow;
? ? }
? ??
? ? p {
? ? ? ? border: 1px solid red;
? ? }
? ??
? ? a {
? ? ? ? border: 1px solid blue;
? ? }
? ? </style>
</head>

<body>
? ? <h2>DOM包裹wrap()方法</h2>
? ? <div class="left">
? ? ? ? <button class="aaron1">點擊,通過wrap方法給p元素增加父容器div</button>
? ? ? ? <button class="aaron2">點擊,通過wrap的回調方法給a元素增加父容器div</button>
? ? ? ? <button calss="aaron3">點擊刪除p元素添加的div</button>
? ? </div>
? ? <div class="right">
? ? ? ? <p>p元素</p>
? ? ? ? <p>p元素</p>
? ? </div>
? ? <div class="left">
? ? ? ? <a>a元素</a>
? ? ? ? <a>a元素</a>
? ? </div>
? ? <script type="text/javascript">
? ? $(".aaron1").on('click', function() {
? ? ? ? //給所有p元素，增加父容器div
? ? ? ? $('p').wrap('<div></div>')
? ? })
? ? </script>
? ??
? ? <script type="text/javascript">
? ? $(".aaron2").on('click', function() {
? ? ? ? $('a').wrap(function() {
? ? ? ? ? ? return '<div class="' + $(this).text() + '" />';
? ? ? ? })
? ? })
? ? </script>
? ? <script type="text/javascript">
? ? $(".aaron3").on('click', function() {
? ? ? ? //刪除給p添加的父容器div
? ? ? ? $('p').unwrap()
? ? })
? ? </script>
</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

舉報

0/150

提交

取消

jQuery基礎(二)—DOM篇

參與學習 114002 人
解答問題 614 個

jQuery第二階段開啟DOM修煉，了解創建、插入、刪除與替換

進入課程

本課相似問答

1 回答為什么我點擊按鈕不能刪除p元素的父容器div

1 回答p元素添加的的點擊事件有什么用

2 回答想使用next給class=level-2的ul的所有第一個元素添加文本框

3 回答為什么點擊第一個按鈕往li集合里面添加css屬性，ul的相鄰元素p標簽也添加上了css屬性呢？

1 回答想知道我刪除后為什么不能添加

搜索更多本課相關問答

請問大佬，如果想要添加一個按鈕用來刪除給p元素添加的div怎么寫？

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

請問大佬，如果想要添加一個按鈕用來刪除給p元素添加的div怎么寫？

3 回答

本課相似問答

請問大佬，如果想要添加一個按鈕用來刪除給p元素添加的div怎么寫？

請問大佬，如果想要添加一個按鈕用來刪除給p元素添加的div怎么寫？

請問大佬，如果想要添加一個按鈕用來刪除給p元素添加的div怎么寫？