javascript - send that specific element which is triggered by onClick function -

javascript - send that specific element which is triggered by onClick function -

this html :

<li class="custom-bottom-list"> <a onclick="upvote(this)"><i class="fa fa-thumbs-o-up"></i><span>upvote</span></a> </li>

my javascript function upvote :

function upvote(el){ $(el+' i').removeclass('fa-thumbs-o-up').addclass('fa-refresh fa-spin'); console.log( event ); }

basically want select , alter css of 'i' tag within particular element clicked. doing changing css of 'i' tags nowadays in page. can tell me efficient way this?

ps - tried onclick="upvote(event) , $(event.target).removeclass('fa-thu.. works when click 'i' tag. when click span tag changes span's css!

use find() child

$(el).find('i').removeclass('fa-thumbs-o-up').addclass('fa-refresh fa-spin');

or can find kid using class below

$('.fa-thumbs-o-up',el).removeclass('fa-thumbs-o-up').addclass('fa-refresh fa-spin');

u can seek children() too

$(el).children('i').removeclass('fa-thumbs-o-up').addclass('fa-refresh fa-spin');

javascript php jquery html