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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用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>

方法一:
你先使用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来控制的

参考技术A 每次添加i的时候先把之前的i标签清除追问

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

追答

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

加到添加方法前

参考技术B <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;
    

jquery 怎样控制多个div

类似导航栏那种, 总共4个按钮 显示不同的div 点第一个只显示第一个 点第二个只显示第二个 显示的div点击也不会隐藏 只要告诉我jquery代码就好啦

<input type="button" value="DIV-1" onclick="showDivs('div1')"/>

<input type="button" value="DIV-2" onclick="showDivs('div2')"/>

<input type="button" value="DIV-3" onclick="showDivs('div3')"/>

<input type="button" value="DIV-4" onclick="showDivs('div4')"/>

<hr/>

<!--div初始状态:全部隐藏-->

<div id="div1" style="border: solid 1px #253A41;width: 200px;height:200px;background: #EEEEEE;display: none;">111111111111</div>

<div id="div2" style="border: solid 1px #66CC00;width: 200px;height:200px;background: #F4E0E0;display: none;">222222222222</div>

<div id="div3" style="border: solid 1px #6BB8FF;width: 200px;height:200px;background: #AFDAFF;display: none;">333333333333</div>

<div id="div4" style="border: solid 1px #7B0000;width: 200px;height:200px;background: #D2E7FA;display: none;">444444444444</div>

<script type="text/javascript">

function showDivs(divID)//根据传入的div的id显示

var divs=["div1","div2","div3","div4"];

for (var i=0;i<4;i++)

if(divs[i]!=divID)

$("#"+divs[i]).hide();

$("#"+divID).show();

</script>


参考技术A

“点第一个显示第一个”,这时候第二个、第三个……都没有显示出来,要怎么点?

以上是关于用jQuery怎样控制点击按钮之后在<input>标签后面只添加一个子标签?在线等解答!的主要内容,如果未能解决你的问题,请参考以下文章

怎样判断jQuery 元素是不是显示与隐藏

jquery怎样实现点击按钮切换div

在需要跳转页面下,怎样用js改变点击菜单的样式?

jquery 怎样控制多个div

用JQuery easyui写的一个datagrid,datagrid上面有"新增","编辑"按钮,点击按钮会弹出dialog对话框

jquery怎么实现点击一个按钮控制一个div的显示和隐藏