jQuery单击单个字符吗？

Question

我有一个包含不同字符的div（准确地说是utf图释）

我现在需要一个函数来检测对单个元素的点击

<div class="optIcons">️❤️</div>

我可以检测到div上的点击：

 $(document).on('click','.optIcons', function() {}

但是我需要找出哪个字符，方法是在每个单个字符上附加一个事件，或者通过检测从哪个字符中单击哪个字符来 div事件。

这是可能的还是我必须将每个字符包装到另一个跨度中？

Answer 1

您可以像下面的示例一样将每个字符放在具有特定ID的范围内：

$("#exp1").click(function(){alert('')});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="optIcons"><span id='exp1'></span>️❤️</div>

Answer 2

我最终使用了<b/>标签，仅仅是因为它比单独的span标签“膨胀”了代码方式（似乎对表情符号没有任何影响）：

<span class="optIcons"><b></b><b></b><b></b><b></b><b>️❤️</b><b>️</b><b></b><b></b></span>

$(document).on('click','.optIcons b', function() {
  console.log(this.textContent);
});