如何在单击图示符时强制单击跨度元素

How to force click a span element on click of glyphicon

本文关键字：单击 元素      更新时间：2024-07-01

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

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

当我点击span1时，我会得到一个可以编辑的输入框。如果我点击span2（编辑字形图标），我想强制点击span1。我该怎么做？

如果我理解你是对的，如果你点击span 2，那么你想让它也点击span 1吗？

$('.pencilspan').click(function() {
  alert("pencilspan is clicked")
  $('.editspan').click();
  
  alert("editspan is automatic clicked")
});
$('.editspan').click(function() {
  $('<input placeholder="box created by editspan"/>').appendTo('body')
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="editspan">span 1</span><br>
<span class="pencilspan glyphicon glyphicon-pencil pull-right">span2</span><br>

这应该会给你一个想法。

更新了您的跨度，只在里面添加了一些文本以获得可见效果

相关文章：