0

我有一个带有输入的表格：

 <form action="xyz" name="form" id="fc" method="GET" style="background:none;display:block">
 <div class="a" id="a"> 
 <div class="b"> 
 <div class="c" id="c"> 
 <input class="input" type="text" name="name">
 </div>
 <div class="c"> 
 <input class="input" type="text" name="email">
 </div>
 <div class="c"> 
 <input class="input" type="text" name="sub">
 </div>
 <div class="c"> 
 <input class="input" type="text" name="web">
 </div>
 </div>
 <input type="submit" name="submit" id="su" value=""> 
 </div>  
 </form>

不，我希望当我专注于输入时，

 var appender = '<div class="nxt"><div class="btn" name="button" id="btn">A</div></div>';

在此输入的 div 之后添加。

||---------------------|A| [ <div>||----------|</div> |a| ]
|----------------------|
|----------------------|
|----------------------|

|----------------------|
||---------------------|A|
|----------------------|
|----------------------|

|----------------------|
|----------------------|
||---------------------|A|
|----------------------|

|----------------------|
|----------------------|
|----------------------|
||---------------------|A|

目前我正在使用此代码：

 var any = {
 init: function(){
 var btn = $("#btn");
 var input = $('input');
 var appender = '<div class="nxt"><div class="btn" name="button" id="btn">A</div></div>';
input.focus(function(){
    $(this).parent().parent().append(appender);
});
input.blur(function(){
    if(input.val().length == 0){
        $(this).parent().parent().find(".nxt").remove();
    }else{
        $(this).parent().parent().find(".nxt").css("display","block");
    }
});

btn.live("click",function(){
    input.val('');  
    btn.css("display","none");
}); 
 }
 }
 $(document).ready(any.init);

但此代码只会将此“附加程序”附加到第一个输入。

谁能给我一个好的解决方案...

4

2 回答 2

1

检查一下，如果我理解正确，请告诉我：

http://jsfiddle.net/6KZu8/

input.focus(function(){
    $(this).parent().append(appender);
});
于 2013-07-30T07:12:51.310 回答
0 
    var any = {
    init: function () {
        var $appender = $('<div class="nxt"><div class="btn" name="button" id="btn">A</div></div>');
        $('input').focus(function () {
            $appender.insertAfter($(this).parent());
        });
    }
}
$(document).ready(any.init);

演示： http: //fiddle.jshell.net/Pisi2012/kDwb8/

于 2013-07-30T06:51:50.747 回答