JSFiddle - React, Tailwind, and code Playground

HTML

<li class="active">
        <a href="#" onclick="editCategory(this)" class="active" value="14-client" id=""> qqqq
        <i class="glyphicon glyphicon-trash pull-right" style="display:none"></i></a>
    </li>

<li class="active">
        <a href="#" onclick="editCategory(this)" class="active" value="14-client" id=""> ttrt
        <i class="glyphicon glyphicon-trash pull-right" style="display:none"></i></a>
    </li>

<li class="active">
        <a href="#" onclick="editCategory(this)" class="active" value="14-client" id=""> gffg
        <i class="glyphicon glyphicon-trash pull-right" style="display:none"></i></a>
    </li>

CSS

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");

JavaScript

function editCategory(id)
    {
        alert('category');
        $('i').hide();
        $('i',id).show();
    }