삭제 방법: 먼저 jQuery 선택기를 사용하여 선택에서 삭제해야 하는 옵션 요소 옵션을 선택한 다음 JQuery의 [remove()] 메서드를 사용하여 HTML 문서에서 옵션을 삭제합니다. 구문은 [$(selector ).제거하다 ()].
관련 권장사항: "jq tutorial"
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
선택 옵션을 제거하는 jQuery의 예
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body style="text-align:center;" id="body"> <p style="font-size: 15px; font-weight: bold;">单击按钮,从select选择框中删除选项</p> <select> <option value="val_1"> Val_1</option> <option value="val_2"> Val_2</option> <option value="val_3"> Val_3</option> <option value="val_4"> Val_4</option> </select> <br> <br> <button> 单击 </button> <p id="Text" style="color: green;font-size: 24px;font-weight: bold;"></p> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $('button').on('click', function() { $("option[value='val_1']").remove(); $('#Text').text('值为val_1的选项已删除!'); }); </script> </body> </html>
remove() 메소드는 모든 텍스트 및 하위 노드를 포함하여 선택된 요소를 제거하는 데 사용됩니다. 이 메서드는 선택한 요소에서 데이터와 이벤트도 제거합니다.
Grammar
$(selector).remove()
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 코스를 방문하세요! !
위 내용은 jQuery에서 선택 옵션을 삭제하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!