第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在單擊按鈕時(shí)刪除特定數(shù)量的 DOM 元素?

如何在單擊按鈕時(shí)刪除特定數(shù)量的 DOM 元素?

拉丁的傳說(shuō) 2023-04-01 16:10:44
我想弄清楚如何在單擊按鈕時(shí)刪除按鈕上方最近的四個(gè) div 元素(連同包含按鈕的 div)。我一直在嘗試使用.closest(),但運(yùn)氣不佳。我將始終刪除按鈕本身以及 DOM 順序中按鈕上方的四個(gè)元素。下面有多組帶有 div 的行,所以我不能單獨(dú)按類(lèi)選擇這些元素。示例 HTML://Row 1<div class="col-2 selectedRow">014</div><div class="col-4 selectedRow">Test</div><div class="col-2 selectedRow">Special Charge</div><div class="col-2 selectedRow">012</div><div class="col-2 selectedRow"><input type="button" class="removeCode" value="Remove"></div>//Row 2<div class="col-2 selectedRow">012</div><div class="col-4 selectedRow">Test 2</div><div class="col-2 selectedRow">Other Charge</div><div class="col-2 selectedRow">011</div><div class="col-2 selectedRow"><input type="button" class="removeCode" value="Remove"></div>Java腳本:$("form").on('click', '.removeCode', function (event) {    //Remove the current div container, and the 4 divs above that element in the DOM order.});
查看完整描述

1 回答

?
largeQ

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

您需要對(duì) HTML 文件進(jìn)行更改,例如:

  1. input將您的元素替換為button并應(yīng)用與 wrapper 相同的樣式div。

  2. 將單個(gè)行包圍在容器中

  3. 單擊時(shí)刪除單擊按鈕的容器

例如:

$("form .removeCode").click(function(event) {

  $(this).parent(".container").remove();

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

  <div class="container">

    <div class="col-2 selectedRow">014</div>

    <div class="col-4 selectedRow">Test</div>

    <div class="col-2 selectedRow">Special Charge</div>

    <div class="col-2 selectedRow">012</div>

    <button type="button" class="col-2 selectedRow removeCode">Remove</button>

  </div>

  </div>


  <div class="container">

    <div class="col-2 selectedRow">012</div>

    <div class="col-4 selectedRow">Test 2</div>

    <div class="col-2 selectedRow">Other Charge</div>

    <div class="col-2 selectedRow">011</div>

    <button type="button" class="col-2 selectedRow removeCode">Remove</button>

  </div>

</form>


查看完整回答
反對(duì) 回復(fù) 2023-04-01
  • 1 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)