Удалить только входные элементы в списке в JQuery

Question

У меня есть список как

     <li style="display: list-item;" id="listChoices">
      <label class="topspace">Enter the Choices</label>
    <input value="Choice1" maxlength="150" id="Choice1"/>
   <input value="Choice2" maxlength="150" id="Choice2"/>
   <input value="Choice3" maxlength="150" id="Choice3"/>

     </li>

Я хочу удалить один тег ввода, поэтому я попробовал его с

$ ( "# listChoices") пустой (). // который удаляет все содержимое списка. Но я хочу удалить только элементы ввода, поэтому я попробовал это с

    $("#listChoices input").empty();//But its not working..Why so???

Answer 1

Попробуйте:

 $("#listChoices input").remove();

Что удалит теги. empty() просто очистит innerHTML.

Answer 2

, если вы хотите удалить все элементы ввода после метки. Тогда используйте это.

$('.topspace').nextAll().remove().