首頁猿問 javascript中點(diǎn)擊刪除，刪...

javascript中點(diǎn)擊刪除，刪除相對應(yīng)的信息，而不是寫死刪哪個(gè)才能刪

JavaScript

qq_Dreamy_舊城_0 2017-06-29 09:22:01

<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>操作當(dāng)當(dāng)購物車頁面</title>? ? <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />? ? <script type="text/javascript" src="js/shopping.js"></script>? ? <script src="js/jquery-1.8.3.js" type="text/javascript"></script>? ? <script type="text/javascript">? ? ?function del(){ //這里我寫了個(gè)函數(shù)，但是只能刪除指定的信息，并不能就是我隨機(jī)點(diǎn)擊哪個(gè)刪除，就刪除某個(gè)信息? ? ?var cartList=document.getElementById("cartList");? ? ? cartList.parentNode.removeChild(cartList);? ? ?};? ? </script></head><body><div>? ? <div>? ? ? ? <img src="images/dd_logo.jpg"><span onclick="close_plan();">關(guān)閉</span>? ? </div>? ? <div >? ? ? ? <ul>? ? ? ? ? ? <li>商品圖片</li>? ? ? ? ? ? <li>商品信息</li>? ? ? ? ? ? <li>單價(jià)</li>? ? ? ? ? ? <li>數(shù)量</li>? ? ? ? ? ? <li>總價(jià)</li>? ? ? ? ? ? <li>操作</li>? ? ? ? </ul>? ? ? ? <ul id="cartList">? ? ? ? ? ? <li><img src="images/dog.jpg"></li>? ? ? ? ? ? <li>我和狗狗活下來了</li>? ? ? ? ? ? <li>￥<input type="text" name="price" value="21.90"></li>? ? ? ? ? ? <li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(0);"></li>? ? ? ? ? ? <li id="price0">￥21.90</li>? ? ? ? ? ? <li><p ?onclick="collection();">移入收藏</p><p onclick="del();">刪除</p></li>? ? ? ? </ul>? ? ? ? <ul>? ? ? ? ? ? <li><img src="images/mai.jpg"></li>? ? ? ? ? ? <li>灰霾來了怎么辦</li>? ? ? ? ? ? <li>￥<input type="text" name="price" value="24.00"></li>? ? ? ? ? ? <li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="plus(1);"></li>? ? ? ? ? ? <li id="price1">￥24.00</li>? ? ? ? ? ? <li><p ?onclick="collection();">移入收藏</p><p onclick="del();">刪除</p></li>? ? ? ? </ul>? ? ? ? <ol>? ? ? ? ? ? <li id="totalPrice">商品總計(jì)：<span></span></li>? ? ? ? ? ? <li><span>結(jié) 算</span></li>? ? ? ? </ol>? ? </div></div><script type="text/javascript" src="js/shopping.js"></script></body></html>//然后為了你們方便排錯(cuò)，我把js代碼也發(fā)過來了/**?* Created by zongjuan.wang on 2016/6/1.?*//*關(guān)閉窗口*/function close_plan(){? ? window.close();}function collection(){? ? var flag=confirm("移入收藏后，將不再購物車顯示，是否繼續(xù)操作?");? ? if(flag==true){? ? ? ? alert("移入收藏成功!");? ? }}function minus(num){? ? var prices=document.getElementsByName("price")[num].value;? ? var count=parseInt(document.getElementsByName("amount")[num].value)-1;? ? if(count<1){? ? ? ? alert("不能再減了，再減就沒有啦！");? ? }? ? else{? ? ? ? document.getElementsByName("amount")[num].value=count;? ? ? ? var totals=parseFloat(prices*count);? ? ? ? document.getElementById("price"+num).innerHTML="￥" +totals;? ? ? ? total();? ? }}function plus(num){? ? var prices=document.getElementsByName("price")[num].value;? ? var count=parseInt(document.getElementsByName("amount")[num].value)+1;? ? document.getElementsByName("amount")[num].value=count;? ? var totals=parseFloat(prices*count);? ? document.getElementById("price"+num).innerHTML="￥" +totals;? ? total();}function total(){? ? var prices=document.getElementsByName("price");? ? var count=document.getElementsByName("amount");? ? var sum=0;? ? for(var i=0; i<prices.length;i++){? ? ? ?sum+=prices[i].value*count[i].value;? ? }? ? document.getElementById("totalPrice").getElementsByTagName("span")[0].innerHTML="￥" +sum;}total();

查看完整描述

1 回答

已采納

李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

<!--?調(diào)用刪除方法時(shí)，將該按鈕傳過去??也就是傳了個(gè)this?-->
<li><p??onclick="collection();">移入收藏</p><p?onclick="del(this);">刪除</p></li>

//重寫了你的刪除方法
function?del(del){
????????????//這里我寫了個(gè)函數(shù)，但是?只能刪除指定的信息，并不能就是我隨機(jī)點(diǎn)擊哪個(gè)刪除，就刪除某個(gè)信息
//????????????var?cartList=document.getElementById("cartList");
//????????????cartList.parentNode.removeChild(cartList);

????????????//獲取刪除按鈕所在的區(qū)域
????????????var?box?=?del.parentElement.parentElement;
????????????//刪除該區(qū)域
????????????box.parentElement.removeChild(box);
????????};