如何通过javascript函数获取元素

Question

我可以按功能选择元素吗？

例如

HTML

<button id="saveButton" onClick="javascript:fnSave(this)>
    Save
</button>

然后 javascript

function fnSave(element){

console.log($(element).attr('id'));

}

点击该按钮将显示：saveButton

Answer 1

你可以使用currentTarget来做到这一点 - 就像这样：

save = function(object){
    console.log($(object).attr('id'));
}

而且，你会像你提到的那样从你的HTML中调用它 - 只包括引用：

<button id="saveButton" onClick="save(this)">Save</button>

Answer 2

要获取元素，您可以执行刚刚执行的操作，将onClick='fnSave(this)'添加到按钮，并在函数上添加：

function fnSave(element){
    //the element is in 'element'
}

但是我看到你正在使用jQuery，所以你可以删除onClick并使用它：

$("#saveButton").click(function(event){
   var element = $(this);//the element is in 'element'
});

注意：如果要将其用于多个不同的按钮，则最好通过clasName选择它们，或者使用第一个函数。 编辑