[jQuery] select option 추가 제거 | append prepend children remove

공부하면서 정리한 내용입니다
참고한 내용은 링크를 확인해주세요

---

<!--HTML-->

<select id="drink">
    <option value=0> coke <option>
    <option value=1> juice <option>
    <option value=2> water <option>
</select>

//jQuery

// 최하단에 옵션 추가
$('#drink').append(`<option value=${idx}> ${title} </option>`); // 반복문으로 작업할 때 ${}사용한 예시

// 최상단에 옵선추가
$('#drink').prepend(`<option value=${idx}> ${title} </option>`);

// 모든 옵션 제거
$('#drink').children('option').remove();

// 첫번째 옵션을 제외한 나머지 옵션제거
$('#drink').children('option:not(:first)').remove();

// 특정 값을 가진 옵션 제거
$("#drink option[value='2']").remove();

---