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>');
});
});