jQuery如何获取最后单击的元素的类或ID？

Question

我正在尝试获取最后点击的元素的类或ID。 这是我在这里找到的基础...

HTML

<a href="" class="button">Button</a>

JQUERY

$('.button').click(function () {
          myFuntion();
});

function myFunction (e) {
 e = e || event;
 $.lastClicked = e.target || e.srcElement;

 var lastClickedElement = $.lastClicked;
 console.log(lastClickedElement);

}

这种方法可以满足我的要求，但是我不确定如何进行修改，因此只能得到该类。

我也尝试使用此解决方案，但无法使其与我的代码一起使用。

$('.button').click(function () {
  myFuntion();
});


function myFunction(){
    var lastID;
    lastID = $(this).attr("id");

    console.log(lastID);
}

当我这样做时，控制台日志会以未定义的形式返回。 我可能缺少明显的东西。 任何帮助深表感谢。 谢谢。

Answer 1

有两种方法可以想到：

$(".button").click(myFunction);

应该与上面的myFunction 。

---

$(".button").click(function () { myFunction($(this)); });
function myFunction($elem) {
   var lastID;
   lastID = $elem.attr('id');
   $.data('lastID', lastID);
}

Answer 2

您可以将clicked元素作为参数传递给函数：

$('.button').click(function () {
    myFunction(this);
});

function myFunction(element) {
    console.log(element);
    console.log(element.id);
    console.log($(element).attr("class"));
}

UPDATE添加了jsfiddle

Answer 3

为了获得元素的类名，假设您对要从中检索数据的元素有准确的引用：

var lastClickedElement = $.lastClicked,
    lastClickedElementClassNames = lastClickedElement.className;

但这确实会返回该元素所有类的完整列表。

Answer 4

$('.button').click(function () {
  myFuntion(this);
});


function myFunction(ele){
    var lastID;
    lastID = $(ele).attr("id");

    console.log(lastID);
}

Answer 5

首先选择所有可能的DOM元素

 var lastSelectedElement = null

    $(document).ready(function(){
       $("*").live("click",function(){
       lastSelectedElement = $(this);
       myFunction($(this));
      });
    });

   function myFunction(element) {
console.log(element);
console.log(element.id);
console.log($(element).attr("class"));
 }

比您可以通过使用jQuery .attr("ID OR CLASS");来获取lastSelectedElement的ID或Class进行播放的方式lastSelectedElement .attr("ID OR CLASS");