Javascript 引导折叠动态“数据目标”未按预期工作

我想通过引导折叠显示一些帖子。我使用post id在引导折叠中设置动态数据目标和id。它不起作用

     <div class="container">
      <div class="accordion">
        <div class="card">
          <% hadiths.forEach(function(hadith){ %>
          <div class="card-header" id="headingOne" data-toggle="collapse" 
data-target="#<%= hadith._id %>" aria-expanded="false" aria-controls="<%= hadith._id %>">
            <h2 class="mb-0">
              <h3>
                <div class="row">
                    <div class="col-11">
                <%= hadith.serial %>- <%= hadith.title %>
                  </div>
                </div>
              </h3>
            </h2>
          </div>
          <div id="<%= hadith._id %>" class="collapse id" aria-labelledby="headingOne">
            <div class="card-body">
                  <%- hadith.description %>
            </div>
          </div>
    <% }); %>
        </div>
      </div>
    </div>

但是如果我在前面加上一些字符串，它就像一个。我需要设置它。请告诉我我做错了什么

谢谢您的关注。

您是用特殊的钥匙还是数字开始的？

---

如果是这样，这可能就是问题所在。_id是类似于5D656BABC0848435447AE7C8的字符串。不同的帖子会有所不同。我认为ID和以数字和特殊键开头的类存在一些问题，你能尝试使用字符串吗？从一个字符开始？如果您需要js中的id，您可以将其添加为数据属性，比如id=collaps-