Javascript 如何在单击图标时强制单击跨度图元

我有一个表格单元，其中有两个跨度元素：

<span contentEditable=true class="editspan"></span>
<span class="pencilspan glyphicon glyphicon-pencil pull-right"></span>"

"

---

当我点击

span1

时，我会得到一个可以编辑的输入框。如果我点击

span2

（编辑图标），我想强制点击

span1

。我该怎么做呢？

如果我理解你的意思是正确的，如果你点击span 2，那么你也希望它点击span 1

$（'.pencilspan'）。单击（函数（）{
警报（“铅笔跨度已单击”）
$（'.editspan'）。单击（）；
警报（“自动单击editspan”）
});
$（'.editspan'）。单击（函数（）{
$（''）.appendTo（'正文'）
})

跨度1

span2

编辑具有确切跨距的问题，我已尝试使用

$（'.pencilspan'）。单击（函数（）{$（'.editspan'）。单击（）；}）；

内部

$（文档）。准备（函数（）

位于js文件顶部，但不起作用。我尝试使用

$（'.pencilspan'）。单击（函数（）{$（'.editspan.editspan'）。单击（）；}）；内部$（文档）.ready（function（）{}

位于我的js文件顶部