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

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

從唯一的 html id 顯示數(shù)據(jù)庫(kù)中的字段

從唯一的 html id 顯示數(shù)據(jù)庫(kù)中的字段

PHP
胡說(shuō)叔叔 2023-04-21 13:16:45
我有一個(gè) PHP Laravel 項(xiàng)目,我在其中從數(shù)據(jù)庫(kù)中獲取一些 ID。我想單擊這些動(dòng)態(tài) ID 并顯示來(lái)自數(shù)據(jù)庫(kù)的動(dòng)態(tài)內(nèi)容。html 看起來(lái)像這樣:    <div class="details" id="plusBtn-{{$ticket->id}}">       Click Icon    </div>上述元素的 ID 為 plusBtn-1、plusBtn-2 等,它們來(lái)自數(shù)據(jù)庫(kù)……當(dāng)用戶(hù)單擊“單擊圖標(biāo)”時(shí),前端應(yīng)顯示來(lái)自數(shù)據(jù)庫(kù)的以下內(nèi)容:    <div class="ticketDetail">       <p>Contact: {{$ticket->tel}}</p>       {{$ticket->description}}    </div>到目前為止,只要您單擊“單擊圖標(biāo)”,Javascript 就會(huì)顯示 .details 的 ID:$(".details[id]").each(function() {        let plusBtnArr = [];        plusBtnArr.push(this);        for (let i = 0; i < plusBtnArr.length; i++) {            var elementId = plusBtnArr;            $(elementId).click(() => {                console.log(elementId);            });        }    });我并不是要浪費(fèi)任何人的時(shí)間,因?yàn)槲掖_定互聯(lián)網(wǎng)歷史上可能已經(jīng)發(fā)布了與我類(lèi)似的問(wèn)題。我已經(jīng)嘗試了三天,但找不到方法來(lái)做到這一點(diǎn)。感謝您的時(shí)間。
查看完整描述

1 回答

?
寶慕林4294392

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

最簡(jiǎn)單的解決方案似乎是預(yù)先呈現(xiàn)所有票證的詳細(xì)信息。讓我們檢查一下這段代碼:


<div class="ticketDetail hidden" id="ticketDetail-{{$ticket->id}}">

  <p>Contact: {{$ticket->tel}}</p>

  {{$ticket->description}}

</div>

.hidden {

  display: none;

}


現(xiàn)在我們有了附有 ID 的工單的詳細(xì)信息。呈現(xiàn) DOM 樹(shù)中所有票證的詳細(xì)信息。


單擊圖標(biāo)時(shí),我們需要以某種方式獲取票證的 ID。我建議單獨(dú)附上:


<div class="details" id="plusBtn-{{$ticket->id}}" data-ticketId="{{$ticket->id}}">

  Click Icon

</div>

現(xiàn)在我們可以用它來(lái)找到合適的票:


const element = $(elementId);

element.click(() => {

  const ticketId = element.attr('data-ticketId');

  const ticketDetail = $(`#ticketDetail-${ticketId}`);

  ticketDetail.removeClass('hidden');

});

我希望這有幫助 :)


查看完整回答
反對(duì) 回復(fù) 2023-04-21
  • 1 回答
  • 0 關(guān)注
  • 178 瀏覽

添加回答

舉報(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)