带有onclick事件集的Font-Awesome图标-Font-Awesomeiconwithanonclickeventset

I am trying to use the following font-awesome icon

我正在尝试使用以下font-awesome图标

as a delete icon next to items in a list on my page like this:

作为我页面上列表中项目旁边的删除图标,如下所示:

Item 1  delete-icon
Item 2  delete-icon

On click of one of these icons I need to run a Javascript function...

点击其中一个图标我需要运行一个Javascript函数...

What html element should I be wrapping the icon with? I noticed that when I use an anchor tag it turns blue and when I use a button it ends up being wrapped in a button. Are there any other options?

我应该用什么html元素包装图标?我注意到当我使用锚标签时它变成蓝色,当我使用按钮时它最终被包裹在一个按钮中。还有其他选择吗?

Essentially I want to do this

基本上我想这样做

or this

But have only the icon appear as is with no modifications. No blue color, and not wrapped inside a button.

但只有图标显示为没有修改。没有蓝色,没有包裹在按钮内。

3 个解决方案

{{#if currentUser}}
    
        Logout
    
{{else}}
    Register/Login
{{/if}}

'click .logout':() =>{
//your JS functionality.
}