如何將 ejs 數據傳遞給 javascript 變量？

Question

有沒有一種干凈的方法可以通過點擊事件將數據從ejs傳遞回 javascript 變量？ 我知道我可以使用一些parentElement遍歷 DOM， children惡作劇以從innerHTML或其他東西獲取數據，但它看起來有點混亂，我希望有更好的方法。 我真正需要的是獲取product._id以將其保存到購物車，但我真的不喜歡在其中包含<%- product._id %>的不可見 div 以獲取它的想法。

            <div class="productSection">
              <% products.forEach(function(product){ %>                         
                    <div class="card">
                      <div class="card-title"><%- product.name %></div>
                      <div class="card-body">
                        <div class="card-body-price"><%- product.price %></div>
                      </div>
                      <button class="card-cartBtn">+</button>
                    </div>              
              <% }) %>
            </div>

有什么建議么？

Answer 1

正如 Chayim Friedman 所建議的，使用data-屬性是一個完美的解決方案。 我不知道它存在。

<div class="productSection-minCard" data-id="<%= product._id %>">