javascript - 对于以下场景，我可以选择哪些选项来使用 javascript 和/或 jQuery 获取所有必要的数据？

Question

我不确定如何最好地表达这一点，所以我会尝试一下，并希望在遇到问题时进行修改。

使用 javascript/jQuery，假设我想从单击的元素获取一些数据到函数进行处理。有几个选项:

选项 1:

$('.classOfInterest').click(function() {
      // How can I get 'a' and 'b'?
    var c = $(this).hasClass('cExists'); 
}); 
<a class="cExists classOfInterest" />

选项 2:

function processClick(string a, string b) {
    // How can I get a reference to the calling element, similar to $(this) in the event handler?
    var c;  // here I want to determine whether the calling element has class 'cExists'    
}
<a class="cExists" href="javascript:processClick('a', 'b')" />

Answer 1

选项 1 是完成您想要做的事情的更 jQuery 风格的方法。您可以通过将 a 和 b 设置为链接的属性来获取它们:

 $('.classOfInterest').click(function() {
       // How can I get 'a' and 'b'?
     var c = $(this).hasClass('cExists'); 
     alert(this.attr('a') + ' ' + this. attr('b'));
 }); 
 <a class="cExists classOfInterest" a="hi" b="mom" />