将字符串从 onclick 传递到 Javascript function

Question

我有这条线：

$twizz.html(
  '<a class="username" href="#">' + twizz.user + '</a>' + ': ' + twizz.message
)

和一个 JQuery 行，单击时执行 function ：

$('.username').click(function() {displayUserTwizz(); return false; });

例如。 JohnDoe (twizz.user) - 大家好 (twizz.message)（点击时 John Doe 调用 displayUserTwizz function）

如何将 twizz.user 字符串动态传递到我的 displayUserTwizz function。 例如，如果我单击 JohnDoe，则 function 将运行为

displayUserTwizz = function () {

var index = message.JohnDoe.length;

}

Answer 1

您需要获取<a>元素（ event.target.innerText ）的内容，然后将其传递给displayUserTwizz() function：

$('.username').click(function() {displayUserTwizz(event.target.innerText); return false; });

然后，您可以在displayUserTwizz() function 中处理用户：

displayUserTwizz = function (user) {

var index = message[user].length;

}