javascript - 单击链接时如何启动函数，然后从该链接传递类

Question

我有这个 HTML:

<li class="sshjd839djjd blahclass"><a onclick="doSomething()">Blah Blah</a></li>

所以当我点击我的链接时 doSomething() 被触发，我想获取 sshjd839djjd。我有很多像这样的不同键的链接，我需要获取正确的数据。

我对 Javascript 和 jQuery 了解不多，但我需要它来制作管理面板，我会用它来管理我在 Firebase 中的数据，只是为了解释我在做什么。

我试图避免使用 onClick 并使用 .click 但那没有用。

有人可以帮我一下吗？

那么应该放什么:

function doSomething() {
   // grab class which is actually a child key from Firebase which I already implemented
   // do Firebase magic, I will know this once I get that key
}

键/类是这样添加的:

var resultVetRef = new Firebase("https://myappname.firebaseio.com/data/users");
        resultVetRef.on("child_added", function(snapshot) {
          var key = snapshot.key();
          var data = snapshot.val();
          var name = data.name;
          var city = data.city;
          $("#results").append($("<li class=\"" + key + " blahclass\">" + "<a onClick=\"grabVet()\">" + name + ", " + city + "</a></li>"));
        });

Answer 1

将 key 作为数据添加到 li

var resultVetRef = new Firebase("https://myappname.firebaseio.com/data/users");
        resultVetRef.on("child_added", function(snapshot) {
          var key = snapshot.key();
          var data = snapshot.val();
          var name = data.name;
          var city = data.city;
          $("#results").append($("<li class=\"" + key + " blahclass\" data-key=\""+ key +"\">" + "<a onClick=\"grabVet()\">" + name + ", " + city + "</a></li>"));
        });

然后像这样获取它:

<li class="sepcialKey blahclass" data-key="sepcialKey"><a>Blah Blah</a></li>

$('a').click(function(){
    alert($(this).closest('li').data('key'));
});

这是演示:https://jsfiddle.net/ffyLgg3s/