首頁(yè) 猿問(wèn) 我想問(wèn)的是使用js，如果刪除某個(gè)標(biāo)...

我想問(wèn)的是使用js，如果刪除某個(gè)標(biāo)簽（假如id為div1的div標(biāo)簽）下的某個(gè)子標(biāo)簽（img標(biāo)簽）：

JavaScript Html5

浮云間 2022-11-02 22:18:13

如：js.html<div id='fu'><div id="div1"><img src='1'></a><input type='text' /><a>圖片</a></div><a onclick='xxx'>刪除</a></div>用js做到這樣效果：當(dāng)我點(diǎn)擊“刪除”時(shí)，自動(dòng)觸發(fā)onclick事件，通過(guò)onclick事件，獲取id為div1的div標(biāo)簽，刪除該標(biāo)簽下的img子標(biāo)簽，刪除后，要?jiǎng)h除 <a onclick='del()'>刪除</a>這個(gè)標(biāo)簽（不要隱藏），請(qǐng)問(wèn)那個(gè)onclick事件的函數(shù)如何寫(xiě)才能實(shí)現(xiàn)我說(shuō)的效果？（需要說(shuō)明：img并不是一直在div的第一位，也可能放在第二、第三、或者其他的位置，也就是說(shuō)img子標(biāo)簽在父標(biāo)簽【id=div1】的任意位置，但只有一個(gè)img子標(biāo)簽）上面有地方需要修改：1、第一句：我想問(wèn)的是使用js，如果刪除某個(gè)標(biāo)簽（假如id為div1的div標(biāo)簽）下的某個(gè)子標(biāo)簽（img標(biāo)簽）修改為：我想問(wèn)的是使用js刪除某個(gè)標(biāo)簽（假如id為div1的div標(biāo)簽）下的某個(gè)子標(biāo)簽（img標(biāo)簽）2、刪除后，要?jiǎng)h除 <a onclick='del()'>刪除</a>這個(gè)標(biāo)簽（不要隱藏）修改為刪除后，要?jiǎng)h除 <a onclick=‘xxx'>刪除</a>這個(gè)標(biāo)簽（不要隱藏）

查看完整描述

3 回答

皈依舞

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

使用jQuery很簡(jiǎn)單的。$('#div1').children().find('a:contains(\'刪除\')').remove();

反對(duì) 回復(fù) 2022-11-08

慕標(biāo)5832272

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

這個(gè)用jquery實(shí)現(xiàn)起來(lái)相當(dāng)容易：
$('#fu a').click(// a標(biāo)簽單擊事件處理函數(shù)
function(){
// 刪除img
$('#div1 img').remove();
// 刪除a標(biāo)簽
$('#fu a').remove();
}
);
基本上就是通過(guò)選擇器選中要?jiǎng)h除的元素，然后調(diào)remove()函數(shù)就可以了。建議樓主用jquery，寫(xiě)起來(lái)容易，純js也能實(shí)現(xiàn)，不過(guò)代碼寫(xiě)起來(lái)就沒(méi)這么簡(jiǎn)單了。