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

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

將整數(shù)添加到字符串

將整數(shù)添加到字符串

慕姐8265434 2023-09-28 09:36:13
我正在嘗試向卡 ID 添加一個(gè)整數(shù),以便在按下刪除按鈕時(shí)可以將其刪除。有什么幫助嗎?     var variable = '' +   '<div id="card+$num.toString(cnt);" class="card col-3" style="width: 18rem;" style="margin-right=3%; margin-right=3%">' +   '            <img src="..." class="card-img-top" alt="..." id="image"+String(cnt)>' +   '            <div class="card-body">' +   '                <h5 class="card-title" id="title"+String(cnt) contentEditable="true"; >Card title</h5>' +   '                <p class="card-text" id="desc"+String(cnt) contentEditable="true">Some quick example text to build on the card title and make up the' +   '                    bulk of the' +   '                    card\'s content.</p>' +   '                <a href="#" class="btn btn-primary" id="button"+ String(cnt) >Go somewhere</a>' +   '                <a href="#" id="btn"+String(cnt) class="close"+String(cnt)>Delete</a>' +   '            </div>' +   '        </div>' +   '';  $(".create").click(function(){    document.getElementById("lastRow").innerHTML+=variable;  });  $(".close"+String(cnt)).click(function(){    console.log("Doulevw!");    document.getElementById("card"+String(cnt)).hidden=true;  });
查看完整描述

1 回答

?
冉冉說(shuō)

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

用js渲染動(dòng)態(tài)元素時(shí),有幾個(gè)概念是必須要了解的。

  1. 你的按鈕有一個(gè)click監(jiān)聽(tīng)器.close。該偵聽(tīng)器永遠(yuǎn)不會(huì)觸發(fā),因?yàn)樵搨陕?tīng)器僅與您的初始 DOM 相關(guān)。但是您的關(guān)閉按鈕是動(dòng)態(tài)呈現(xiàn)的,這意味著偵聽(tīng)器與您的按鈕無(wú)關(guān)。通過(guò)附加onclick到按鈕并創(chuàng)建一個(gè)函數(shù)可以輕松解決這個(gè)問(wèn)題。(示例如下)

  2. 我檢查了你的代碼,你不必使用 id 機(jī)制來(lái)刪除/隱藏你的card元素(除非你需要觸發(fā)POST請(qǐng)求),你可以使用parentNode(示例如下)

我對(duì)您的代碼做了一些簡(jiǎn)單的更改:

$(".create").click(function(){

  let element = `

      <div id="card" class="card col- 3" style="width:18rem;style="margin-right=3%; margin-right=3%"><img src="..." class="card-img-top" alt="..." id="image"+String(cnt)><div class="card-body"><h5 class="card-title" id="title" contentEditable="true">Card title</h5><p class="card-text" id="desc" contentEditable="true">Some quick example text to build on the card title and make up the                     bulk of the'                    card\'s content.</p><a href="#" class="btn btn-primary" id="button"+ String(cnt) >Go somewhere</a><a href="#" class="close" onclick='deleteCard(this)'>Delete</a></div></div>`;

  document.getElementById("lastRow").innerHTML+=element;

});


function deleteCard(delBtn){

  delBtn.parentNode.parentNode.hidden = true

}


請(qǐng)注意我添加的函數(shù)和啟用隱藏操作的 onclick。這是一個(gè)編碼鏈接,供您自行測(cè)試我所做的事情。


希望這對(duì)您有所幫助,任何其他問(wèn)題都會(huì)很好:)


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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