2016-04-14 82 views
0

的点击span元素我有中有2跨度元的表格单元格:如何强制点击glyphicon

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

当我点击span1我得到一个输入框,我可以编辑。如果我点击span2(编辑glyphicon),我想强制点击span1。我怎样才能做到这一点?

+0

我试着用'$( 'pencilspan ')。点击(函数(){$('。editspan')。点击() ;});在我的js文件顶部使用$(document).ready(function(){}' – aaj

回答

0

如果我理解你是正确的,如果你点击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>

这应该给你一个关于它的想法。

与跨度更新,只有在里面加了一些文本的可视效果

+0

编辑问题,使用'$('。pencilspan')。 ('.editspan')。click(); });'在我的js文件顶部的$(document).ready(function()'里面,但它不起作用。 – aaj

相关问题