CSS伪元素jquery点击事件？

Question

我有一个 LI 元素“添加文件夹”，它在元素之前使用 css 伪元素来添加一个加号，如下所示:

LI 有一个“add”类，我有 jquery，它在单击“add”时触发，LI 上有 CSS 以显示光标。

当然，伪元素是不活跃的。我意识到伪元素不是 DOM 的一部分，但是您将如何处理这类事情(最好不求助于 IMG 标签)以便可以单击单词和加号？

这是 plus 的 CSS:

li.add:before {
    content: "\002B";
    display: inline-block;
    padding: 0 5px;
    margin-right: 5px;
    background: $orangelight;
}

Answer 1

它在这里工作得很好:http://jsfiddle.net/Un4gq/

$("li").on("click", function () {
    alert("click");
})