Javascript 下面是一个小jQuery脚本(添加输入)的问题

Javascript 下面是一个小jQuery脚本(添加输入)的问题,javascript,jquery-selectors,jquery,Javascript,Jquery Selectors,Jquery,空值如何输入新值。在“输入新值”中,未输入值,且为空;在“输入上一个”中输入值,在“输入新值”中为否。怎么样? 有关结果,请填写输入并单击添加: $(函数(){ $('a.add_input').live('click',函数(e){ e、 预防默认值(); var$mediumCell=$(this).closest(“div.mediumCell”); var$class='.+$(this).closest('div.find_input').find('div').attr('class

空值如何输入新值。在“输入新值”中,未输入值,且为空;在“输入上一个”中输入值,在“输入新值”中为否。怎么样?

有关结果,请填写输入并单击添加:

$(函数(){
$('a.add_input').live('click',函数(e){
e、 预防默认值();
var$mediumCell=$(this).closest(“div.mediumCell”);
var$class='.+$(this).closest('div.find_input').find('div').attr('class');
var$column=$(this).closest($class);
var input=$column.clone().wrap(“”.parent().html();
//var find=$(this).closest($class);
//var clone=find.find('.mediumCell:first').clone();
//find.find('.mediumCell:has(“input”):last')。在(克隆)之后;
警报(输入)
$column.before($(输入));
$($class+'.add_input').remove();
$($mediumCell).append(“”);
$($mediumCell).append(“”);
});
$('.remove_input').live('click',函数(e){
e、 预防默认值();
var$class='.+$(this).closest('div.find_input').find('div').attr('class');
$(this).parents($class).remove();
$($class+'.adda:last').append('');
});
});

我认为最好是为重复部分制作一个模板,而不是直接从html中获取

我用一个模板
div
更新了您的代码,当您单击add时,我得到了它的html并将其附加到主html中

检查一下

对于第二个文本输入,您可以使用相同的想法

$(function () {
        $('a.add_input').live('click', function (e) {
            e.preventDefault();
            var $mediumCell = $(this).closest("div.mediumCell");             
            var $class =  '.' + $(this).closest('div.find_input').find('div').attr('class');
            var $column = $(this).closest($class);
            var input = $column.clone().wrap("<div />").parent().html();
            //var find = $(this).closest($class);    
            //var clone = find.find('.mediumCell:first').clone();
            //find.find('.mediumCell:has("input"):last').after(clone);

            alert(input)
            $column.before($(input));
            $($class+' .add_input').remove();
            $($mediumCell).append('<a href="" class="remove_input"></a>');
            $($mediumCell).append('<a href="" class="add_input"></a>');
        });
        $('.remove_input').live('click', function (e) {
            e.preventDefault();
            var $class =  '.' + $(this).closest('div.find_input').find('div').attr('class');
            $(this).parents($class).remove();
            $($class+' .adda:last').append('<a href="" class="add_input"></a>');
        });
    });