jquery - 我在 JQuery 中的重命名功能在 Foreach 语句中不起作用？

Question

我用 JQuery 创建了这个函数:http://jsfiddle.net/3uqF2/8/

此函数的目的是将文本重命名或换句话说将文本更改为另一个文本。正如您在链接中看到的，函数有效，但后来我把它放在我的 table 上，我在其中使用“Foreach”句子，并且函数仅适用于第一行???对于其他行，它放置了两个 div(请参阅我的链接)，并且函数不起作用。

这是我在 ASP.NET (MVC) 中的代码

<table>
    <tr>
       <th>
         <a id="LINK1" href="#">Eng</a> /
         <a id="LINK2" href="#">Slo</a>
       </th> 
    </tr>
@foreach (var row in Model.Spremenljivke)
{
    <tr align="center">
        <td>
            <div id="lnk1">@String.Join("", ...)</div> //i did not put all code, it is too long
            <div id="lnk2">@String.Join("", ...)</div>
        </td>
    </tr>
 ...
}

知道为什么它只适用于第一行吗？

Answer 1

目前，在循环中的每次迭代中，您将创建 2 个具有重复 ID 的 div。也许你可以做更多类似的事情:

@foreach (var row in Model.Spremenljivke)
{
    <tr align="center">
        <td>
            <div class="my-link" data-id="lnk1">@String.Join("", ...)</div>
            <div class="my-link" data-id="lnk2">@String.Join("", ...)</div>
        </td>
    </tr>
 ...
}

然后您的链接(如您所见，您的 div data 属性链接到具有相同 class 的链接):

<div class="status lnk1">Testiranje</div>
<div class="status lnk2">Testing</div>

最后是你的jquery:

$(document).ready(function () { // <-- you don't need multiple of those (1 is ok)
    $(".my-link").on("click", function() { 
        $(".status").hide();
        var linkId = $(this).data("id");
        $("." + linkId).show();
    });
});

这是一个fiddle