Javascript 制作一个包含模型的链接

我的模型中有一个非常长的字符串数据。我正在尝试使用前150个字符，然后使其可点击，当点击链接时，整个消息中都会出现一个新的div。下面是我使用的标签，但我不知道如何给它一个唯一的ID，并使它存储我的项目。数据

有人能帮我一些想法吗

@foreach (var item in Model) {
                <div class="row">
                    <div class="col-md-1">
                        @Html.DisplayFor(modelItem => item.Level)
                    </div>
                    <div class="col-md-2">
                        @Html.DisplayFor(modelItem => item.Source)
                    </div>
                    <div class="col-md-1">
                        @Html.DisplayFor(modelItem => item.Date)
                    </div>
                    <div class="col-md-5">
                        <a ID="?">@Html.DisplayFor(modelItem => item.Data).ToString().Substring(0, 150) ...</a>
                    </div>
                    <div class="col-md-1">
                        @Html.DisplayFor(modelItem => item.Count)
                    </div>
                </div>
            }

@foreach（模型中的变量项）{
@DisplayFor（modelItem=>item.Level）
@DisplayFor（modelItem=>item.Source）
@DisplayFor（modelItem=>item.Date）
@DisplayFor（modelItem=>item.Data）.ToString（）子字符串（0，150）。。。
@DisplayFor（modelItem=>item.Count）
}

---

基本上，您只需要以下内容：

<a class="show-data" href="#AllData">
    @item.Data.Substring(0, 150)
</a>
<div id="#AllData" style="display:none">
    @item.Data
</div>

---

但是请注意，为了简化示例，我刚刚为div分配了一个id

AllData

。因为这是在foreach循环中，所以需要使用一些东西使每个id都是唯一的。这可以是项目的id，也可以使用

for

循环代替

foreach

，然后使用索引。只需确保链接的

href

与div的

id

匹配，并且对于页面是唯一的。

基本上，您只需要这样的内容：

<a class="show-data" href="#AllData">
    @item.Data.Substring(0, 150)
</a>
<div id="#AllData" style="display:none">
    @item.Data
</div>

---

但是请注意，为了简化示例，我刚刚为div分配了一个id

AllData

。因为这是在foreach循环中，所以需要使用一些东西使每个id都是唯一的。这可以是项目的id，也可以使用

for

循环代替

foreach

，然后使用索引。只需确保链接的

href

与div的

id

匹配，并且对于页面是唯一的。

基本上，您只需要这样的内容：

<a class="show-data" href="#AllData">
    @item.Data.Substring(0, 150)
</a>
<div id="#AllData" style="display:none">
    @item.Data
</div>

---

但是请注意，为了简化示例，我刚刚为div分配了一个id

AllData

。因为这是在foreach循环中，所以需要使用一些东西使每个id都是唯一的。这可以是项目的id，也可以使用

for

循环代替

foreach

，然后使用索引。只需确保链接的

href

与div的

id

匹配，并且对于页面是唯一的。

基本上，您只需要这样的内容：

<a class="show-data" href="#AllData">
    @item.Data.Substring(0, 150)
</a>
<div id="#AllData" style="display:none">
    @item.Data
</div>

---

但是请注意，为了简化示例，我刚刚为div分配了一个id

AllData

。因为这是在foreach循环中，所以需要使用一些东西使每个id都是唯一的。这可以是项目的id，也可以使用

for

循环代替

foreach

，然后使用索引。只需确保链接的

href

与div的

id

匹配，并且对于页面是唯一的。

是否希望

DisplayFor

上有id属性？是否希望

DisplayFor

上有id属性？是否希望

DisplayFor

上有id属性？是否希望

DisplayFor

上有id属性？