如何删除具有焦点的元素

时间:2016-12-09 06:44:55

标签: javascript jquery

我想删除input which has focus,我不想在任何输入中提供任何ID,

$('button').on("click",function(){
$(':focus').remove();});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" /><br><br>
<input type="text" /><br><br>
<input type="text" /><br><br>
<button>Delete focused input </button>

  

当用户选择这三个输入中的任何一个时,如果用户单击删除按钮,则应删除所选输入字段。

提前致谢!!!

2 个答案:

答案 0 :(得分:1)

您需要存储点击element之前had focus的{​​{1}},因为当按钮button clicked将转移到focus时}。

button

答案 1 :(得分:1)

你需要保存最后一个文本框焦点然后用它来删除按钮点击这样你当前实现的问题是你正在删除当前焦点元素,这显然是按钮,因为重点发生在点击之前

&#13;
&#13;
var s = "";
$('input').on('focus',function(){
  s = this;
})
$('button').on("click",function(){
  $(s).remove();
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" /><br><br>
<input type="text" /><br><br>
<input type="text" /><br><br>
<button>
delete focused input </button>
&#13;
&#13;
&#13;