javascript - jquery:删除附加元素

Question

我有以下代码:

$.each(pk2, function(i,value) {   
     $('#query_form_opt_'+cell+'_2')
         .append($("<option></option>")
         .attr("value", i+1)
         .text(value)); 

  });

我的问题是，随着时间的推移，这段代码被调用，新元素不断被附加。我需要做的是每次调用此代码时清理 $('#query_form_opt_'+cell+'_2') (删除附加的人员)。

我尝试过 $('#query_form_opt_'+cell+'_2').remove() 但它删除了整个 div 结构。 $('#query_form_opt_'+cell+'_2').val('') 也什么也没做。

Answer 1

使用.empty()它只会删除子项而不是结构。

$('#query_form_opt_'+cell+'_2').empty();