JSFiddle - React, Tailwind, and code Playground

by qichengzx

HTML

<div>
    <label><a href="javascript:void(0)">采纳</a>：答案一</label>
    <label><a href="javascript:void(0)">采纳</a>：答案二</label>    
    <label><a href="javascript:void(0)">采纳</a>：答案三</label>    
    <label><a href="javascript:void(0)">采纳</a>：答案四</label>    
</div>

CSS

label{display:block;line-height:25px;margin-bottom:5px;}
a{color:#fff;display:inline-block;width:60px;height:25px;line-height:25px;background-color:#28a7e1;text-decoration:none;text-align:center}
a.chk{color:#f00;}
a.disabled{background-color:#ddd}

JavaScript

$('div').on('click','a',function(){
    $('div a').removeClass('chk').addClass('disabled');
	$(this).addClass('chk').html('已采纳');
})