Удалить определенный диапазон элементов JQuery

Question

Html:

<select id ="combooptions"> 
      <option id="combostart" value=""></option> 
</select> 

ЯШ:

var str = ""; 
if (combonews.length > 0) 
     for (var i in combonews) { 
      str += "<option value='" + combonews[i][0] + "'>" + combonews[i][1] + "</option>"; 
     } 
    jQuery("#combooptions").append(str); 

Он отлично работает, но теперь я хочу, чтобы удалить те приложили один, оставив первоначальный 1 дополнительный тег, как показано на рисунке выше. Я пробовал:

jQuery("#combooptions").html(''); 
//or 
jQuery("#combooptions").append(''); 
//or 
jQuery("#combostart").append(''); 
//or 
jQuery("#combostart").html(''); 

но без успеха.

Пожалуйста, помогите поблагодарить вас

Answer 1

Поскольку вы дали первый option уникальный идентификатор, просто сделать:

$('#combostart ~ option').remove(); 

What does the "~" (tilde/squiggle/twiddle) CSS selector mean?

Answer 2

Чтобы сжать список выбора, вы можете также снизить количество опций:

document.getElementById("combooptions").length = 1; 

С JQuery:

$("#combooptions")[0].length = 1; 

Более общую идею, чтобы удалить «все, кроме первого»:

$("#combooptions :not(:first-child)").remove(); 

Пример: http://jsfiddle.net/kVRpy/

Answer 3

Вы можете выбрать все параметры, а затем удалить один из них с помощью блока combostart по вашему выбору. Затем вызовите .remove(), чтобы удалить ненужные параметры.

$('#combooptions option').not('#combostart').remove(); 

Answer 4

Попробуйте это:

$('#combooptions').html("<option id='combostart' value=''></option>");