javascript - 如何使用 jquery 删除附加元素？

Question

我正在创建一个表单。在为每个输入字段提交表单时，如果该输入字段未填写，则会附加一个错误框。我想删除或显示该输入字段的错误框 onFocus。而在我的代码中，它将保留在该位置。我尝试过并浏览了所有类似的帖子，但找不到解决方案。谢谢!

html代码是这样的

<div class="rowform">
        <label for="name">Name<span>*</span>:</label>
        <input type="text" class="mid" name="name" id="name" onFocus="fcs();"/><span id="name_error"></span>

    </div>

脚本 //在提交表单时我是如何附加错误框的

if($("#listcontact #name").val()==""){
    $("#name_error").append("<div class='formerror'>Please enter your name</div>");
}

//on Focus函数是这样的

    function fcs()
{
$(".formerror").remove();}

Answer 1

类似于:

$(".rowform").on("focus", "input", function(){
    $(this).closest(".rowform").find(".formerror").hide();
});

更新:确实不需要像 Ian 所说的事件委托(delegate)。

$(".rowform").find('[type="text"]').on("focus", function(){
    $(this).closest(".rowform").find(".formerror").hide();
});

工作 fiddle :http://jsfiddle.net/Ar7AT/