jquery - 使用按钮删除克隆输入文本

Question

我有这个脚本：

$(document).ready(function() {

var i = 1;

    $('#addJabatan').click(function() {
        $('.hapusJabatan:disabled').removeAttr('disabled');
        var c = $('#comboJabatan:first').clone(true);
        c.children(':text').attr('class','jabatan'+ (++i) );
        $('#comboJabatan:last').after(c);
    });

 $('#hapusJabatan').click(function() {
        if (confirm('continue delete')) {
            --i;
            $(this).closest('#comboJabatan').remove();
            $('.hapusJabatan').attr('disabled',($('#comboJabatan').length  < 2));
        }
    });

});

这是我的 HTML 代码：

<form id="myForm">
<span id="comboJabatan" class="clonedInput">
                            <input type="button" class="hapusJabatan" value="delete" id="hapusJabatan" disabled>
    <input name="jabatan[]" type="text" data-bvalidator="required"  id="jabatan" class="jabatan1" /><br/>
                            </span>

<span>
                                <a href="#" id="addJabatan">Tambah Jabatan</a>
                            </span>

我对 .length() 方法感到困惑，任何人都可以帮助我..？谢谢之前

有关更多详细信息，请在此处输入链接描述

Answer 1

尝试替换此行

$('.hapusJabatan').attr('disabled',($('.comboJabatan').length  < 2));

和

if ($('.comboJabatan').length == 1)
     $('.hapusJabatan').attr('disabled', 'disabled');
else 
     $('.hapusJabatan').removeAttr('disabled');

您还尝试使用您无法执行的 ID 选择多个元素。我在跨度中添加了一个“comboJabatan”类并将其用于选择。

工作示例