我在添加具有相似类 (addinput_units
) 的输入时遇到问题。
在example当您单击“字段 1”旁边的“添加”链接时,它会在“字段 2”之后添加一个值为“字段 1”的新输入。
如何在 HTML 中使用类似类 (addinput_units
) 在最靠近“添加”链接的输入后添加新字段?
示例: http://jsfiddle.net/FpsPh/
$(function () {
$('a.add_input').live('click', function (event) {
event.preventDefault();
var $class = '.' + $(this).closest('div.find_input').find('div').attr('class').split(" ")[0];
var newDiv = $($(this).closest($class).get(0)).clone(false);
$(this).closest($class).find('.add_input:first').remove()
newDiv.hide().fadeIn('slow');
$($class + ':last').after(newDiv);
});
});
编辑:
这是我的原始代码,但无法正常工作。见:http://jsfiddle.net/FpsPh/4/
最佳答案
我不是 100% 确定我理解了这个问题,但这就是你想要的吗?
$(function () {
$('a.add_input').live('click', function (event) {
event.preventDefault();
var $this = $(this),
$div = $this.closest('div'),
$clone = $div.clone().hide()
.insertAfter($div).fadeIn('slow');
$this.remove();
});
});
这是更新的 jsFiddle .
关于javascript - 添加具有相似类别的输入时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7372204/