Question

用jQuery怎样控制点击按钮之后在<input>标签后面只添加一个子标签？在线等解答！

出现的问题是当我点击按钮之后，添加了一个i标签，但是当我再次点击的时候，还会继续往后添加i标签；我想实现的功能是：当我点击一次，添加一个i标签；再次点击之后不再添加i，结束循环添加；我的代码如下：<div class="div1"> <p><input type="text"></p></div><input type="button" value="提交"><script> var txt1="<i><i>"; $(".div1").find("input").after(txt1); </script>

Answer 1

方法一：
你先使用jquery移除掉以前的i标签，然后再次after，应该就可以了
//先创建i标签
var txt1 = "<i></i>";
//删除以前已经存在的i标签
$(".div1").find("i").remove();
//追加现在的i标签
$(".div1").find("input").after(txt1);
方法二：
你先在input后面写死一个i标签，然后控制起影藏，当点击按钮的时候，给这个i标签添加text（），然后控制其显示就可以了

追问

好的，我试下，我就是不想在input后面写死一个i标签，才使用jQuery来控制的

Answer 2

每次添加i的时候先把之前的i标签清除

追问

那怎样清除呢？有实例吗？

追答

可以给i标签价格id，
$("#id").remove();

加到添加方法前

Answer 3

<label>
    <span class="fl fontWidth">工号/证件号：</span>
    <input type="text" id="uname" name="uname" value=""/>
</label>

verify.isNotEmpty('uname','批次名称');

var verify ={
    isNotEmpty : function(inputid, title){
        var status = true;
        var str = "";
        var value = $.trim($("#" + inputid).val());
        
        if(value ==""){
            $("#" + inputid).focus();
            str = title + "不可为空！";
            status = false;
        }else{
            str = "";
        }
        if($("#verify_" + inputid).html() != undefined){
            $("#verify_" + inputid).html(str);
        }else{
            $("#" + inputid).after("<p class=\"verify\" id=\"verify_" + inputid + "\">" + str + "</p>");
        }
        return status;
    }
}