Удалите только входные элементы в списке в 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») .empty(); // который удаляет все содержимое списка. Но я хочу, чтобы удалить только входные элементы, так что я пробовал с

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

Answer 1

Try:

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

Каким будет удалить тег. empty() просто очистит innerHTML.

Answer 2

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

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