如何在HTML中利用 for-loop 使每個 dev 中的 data-target 唯一對應

html 前端

teetus9989 2021-04-01 14:48:51 ‧ 1023 瀏覽

前輩們好
小弟最近在做某堂課的project遇到以下問題
下圖中紅框部分希望改成類似以下:
data-target="#portfolioModali" (第一個紅框,且i來自於for-loop)
id="portfolioModali"(第二個紅框,且i來自於for-loop)
使得每個data-target都one-to-one對應到唯一的id

感謝

japhenchen iT邦超人 1 級 ‧ 2021-04-01 15:41:55 檢舉

請貼程式碼，勿貼圖OK？看的很辛苦，想測試抓蟲還得自己打一篇...別這樣咩

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2021-04-06 11:34:40 檢舉

圖啊~~~那麼多，懶的打。跳過了

過時軟碟片 iT邦新手 5 級 ‧ 2021-04-07 11:12:08 檢舉

我看到標題嚇一跳，HTML什麼時候有for-loop那麼神的東西，原來是PHP。又嚇一跳那個dev是什麼東西，原來是錯字，其實指的是<div>。樓下Homura似乎已經提出解答了。

樓主，不要氣餒，雖然連續3個人對你吐槽但是沒有惡意，就是鼓勵你將問題描述清楚正確，也讓幫忙的人方便幫你測試修改，是互相尊重的意思。 :)

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

Homura

iT邦高手 1 級 ‧ 2021-04-01 16:02:25

你是不懂怎麼把i塞進去嗎?

<div data-target="#portfolioModal<%= i%>">
    <div id="portfolioModal<%= i%>">
    </div>
</div>

回應 1
分享
檢舉

緯大啊緯大人 iT邦研究生 1 級 ‧ 2021-04-04 22:46:56 檢舉

razor用法似乎也是一樣

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙