javascript - 我如何区分自动生成的链接与 JavaScript？

Question

(嗨尼克博士)

我是 JavaScript 的新手，但我仍在尝试使用 asp.net EF JavaScript 等构建网站...

我已经从我的数据库中的信息生成了链接，我希望该链接的名称出现在我的文本框中，但是正如您从这张图片中看到的那样，无论我按什么链接，我都会得到实体... (如果我按 alfk 我得到实体)。

我的链接是这样生成的(对于数据库中的每个条目):

<span>
  <a id="myLink" title="tagLink" value = @i.ID
    href="PleaseEnableJavascript.html" onclick="MyFunction();return false;">@i.Name</a>
</span>

我的 JavaScript 看起来像这样:

$( '#myLink' ).click(function () { MyFunction(); return false; });
function MyFunction() {
    document.getElementById( 'textTemp' ).value += document.getElementById( 'myLink' ).text + " ";
}

我们都可以看到问题...我所有的链接都有相同的 ID，因此 javascript 将采用第一个...但是我该如何解决这个问题？

Answer 1

不要使用 id 来捕获动态内容，使用这样的类:

<span>
  <a class="myLinks" title="tagLink" value=@i.ID
    href="PleaseEnableJavascript.html" >@i.Name</a>
</span>

在 js 中或在您的 html 中管理点击事件，绝不能同时进行。 然后选择特定的点击元素使用 $(this)

$('.myLinks').click(function (e) {
     e.preventDefault();
     document.getElementById('textTemp').value += $(this).text() + " ";
});