CSS伪元素jquery点击事件？答案

【问题标题】：CSS Pseudo element jquery click event?CSS伪元素jquery点击事件？
【发布时间】：2013-03-06 18:51:58
【问题描述】：

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

LI 有一个“add”类，当单击“add”时会触发 jquery，LI 上的 CSS 会显示光标。

当然，伪元素是不活动的。我意识到伪元素不是 DOM 的一部分，但是您将如何处理这种事情（最好不使用 IMG 标签）以便可以单击单词和加号？

这是加号的 CSS：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：