javascript - 如何删除具有焦点的元素

Question

我想删除一个具有焦点的输入，我不想为任何输入提供任何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>

When user selects any of these three input, and then if the user click delete button that selected input field should be deleted.

提前致谢!!!

Answer 1

您需要保存最后一个文本框焦点，然后用它来删除按钮单击，如下所示。当前实现的问题是您正在删除当前焦点元素，该元素显然是按钮，因为焦点发生在单击之前

var s = "";
$('input').on('focus',function(){
  s = this;
})
$('button').on("click",function(){
  $(s).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>