javascript - jQuery 停止重复追加

Question

我在这里尝试做的是 1 个选择框和一个输入。

选择框有 3 个选项，值为 1,2 和 3，输入位于 ID 为 INPUT 的 div 中。

我在这里想要的是当我选择值为 3 的选项时删除带有 id INPUT 的整个 div 标签，然后当我再次单击 1 或 2 上的示例时再次附加 DIV 标签。但是当我点击 1 或 2 时，div 标签一次又一次地附加。

是否有机会检查 div 标签是否存在而不附加。

这是我的 jQuery :

$('select').change(function(){
            var val = $(this).val();
                if(val == '3'){
                    $('#INPUT').remove();
                    }

                if(val !== '3'){
                $('.valuta').before('<div id="INPUT"><input type="text"  class="price"></div>');

                    }
                });

任何帮助将不胜感激。 谢谢。

Answer 1

是的，这是可能的。改变这个:

if(val !== '3'){

为此:

if(val != '3' && $("#INPUT").size() == 0){

这样，我们会询问是否已经有一个 id = INPUT 的 div，如果没有，那么我们添加一个。

干杯