Question

我有一个表格单元格，其中包含2个span元素：

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

当我点击span1时，我会看到一个可以编辑的输入框。如果我点击span1（编辑glyphicon），我想强制点击span2。我怎么能这样做？

Answer 1

如果我理解你是正确的，如果你点击跨度2，那么你是否希望它点击跨度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>

这可以让你对它有所了解。

更新了您的跨度，仅在内部添加了一些文字以显示可见效果

如何在单击glyphicon时强制单击span元素

1 个答案: