我有一個 PHP Laravel 項目，我在其中從數據庫中獲取一些 ID。我想單擊這些動態 ID 并顯示來自數據庫的動態內容。html 看起來像這樣： <div class="details" id="plusBtn-{{$ticket->id}}"> Click Icon </div>上述元素的 ID 為 plusBtn-1、plusBtn-2 等，它們來自數據庫……當用戶單擊“單擊圖標”時，前端應顯示來自數據庫的以下內容： <div class="ticketDetail"> <p>Contact: {{$ticket->tel}}</p> {{$ticket->description}} </div>到目前為止，只要您單擊“單擊圖標”，Javascript 就會顯示 .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); }); } });我并不是要浪費任何人的時間，因為我確定互聯網歷史上可能已經發布了與我類似的問題。我已經嘗試了三天，但找不到方法來做到這一點。感謝您的時間。
1 回答
寶慕林4294392
TA貢獻2021條經驗 獲得超8個贊
最簡單的解決方案似乎是預先呈現所有票證的詳細信息。讓我們檢查一下這段代碼：
<div class="ticketDetail hidden" id="ticketDetail-{{$ticket->id}}">
<p>Contact: {{$ticket->tel}}</p>
{{$ticket->description}}
</div>
.hidden {
display: none;
}
現在我們有了附有 ID 的工單的詳細信息。呈現 DOM 樹中所有票證的詳細信息。
單擊圖標時，我們需要以某種方式獲取票證的 ID。我建議單獨附上：
<div class="details" id="plusBtn-{{$ticket->id}}" data-ticketId="{{$ticket->id}}">
Click Icon
</div>
現在我們可以用它來找到合適的票：
const element = $(elementId);
element.click(() => {
const ticketId = element.attr('data-ticketId');
const ticketDetail = $(`#ticketDetail-${ticketId}`);
ticketDetail.removeClass('hidden');
});
我希望這有幫助 ：）
- 1 回答
- 0 關注
- 150 瀏覽
添加回答
舉報
0/150
提交
取消