實現情況為：點擊“編輯”后，“編輯”文字變成“完成”，再點擊偽類元素后的“完成”，此時的“完成”應該變成“編輯”
情況描述為：如果用偽類實現，點擊“編輯”后變成“完成”，再點擊“完成”，無反應
原因排查為：原“編輯”和后“完成”是同一個span，只是不同類名，但后續動態追加的類名，無法實現點擊
【語言煩躁，來示例吧】
html：
.edit{after:"編輯"}
<div class="common">
<span class="edit"></span>
</div>
.complete{after:"完成"}
<div class="common">
<span class="complete"></span> //此complete是點擊“編輯”之后，動態追加
</div>
實現效果：點擊“完成”之后，重新顯示為“編輯”，需在該span標簽的父級元素上綁定
js語法：
$(父級selector).on("js事件","點擊的子元素",function(){
//實現的事件
});
eg:
//點擊“編輯”
$(".common").on("click",".edit",function(){
//實現的事件
})
//點擊“完成”
$(".common").on("click",".complete",function(){
//實現的事件
})