jquery 엘리먼트 합치고, 중복제거.

셀렉트 옵션을 다른 셀렉트로 복사하고자 한다. 두 셀렉트의 옵션 구조는 동일하다. 데이터의 중복은 허용하지 않는다.

 

중복체크를 위해 unique로 중복제어를 해보려 했으나 다른 객체 엘리먼트라서 그른가.. 실패했다.

암튼 일단 합쳐놓고, 정렬한 후에, 바로 이전값 현재값을 비교시켜서 동일한 형태의 엘리먼트는 제거하는 순으로 처리했다.

 

_target.html(_target_opt.add(_select).sort(function(o,n){return $(o).text()<$(n).text()?-1:1;}) );

var tmp_val="";

$("#res_target_key option").each(function(){

var this_val=$(this).attr("value");

if(tmp_val==this_val) $(this).remove();

else tmp_val=this_val;

});

 

 

#jquery  selector 선택자 기본정보

 

jQuery Selector(셀렉터)는 jQuery 라이브러리에서 요소를 선택하기 위한 강력한 기능입니다. 이를 사용하여 HTML 문서의 요소들을 찾고 조작할 수 있습니다.

jQuery 셀렉터는 CSS 선택자와 유사한 구문을 사용하여 HTML 요소를 선택합니다. 아래는 몇 가지 기본적인 jQuery 셀렉터의 예시입니다:

1. Element Selector(요소 선택자):
   • $("p"): <p> 요소를 선택합니다.
   • $("div"): <div> 요소를 선택합니다.
2. ID Selector(ID 선택자):
   • $("#myElement"): id가 "myElement"인 요소를 선택합니다.
3. Class Selector(클래스 선택자):
   • $(".myClass"): class가 "myClass"인 요소를 선택합니다.
4. Attribute Selector(속성 선택자):
   • $("input[type='text']"): type 속성이 "text"인 <input> 요소를 선택합니다.
5. Combining Selectors(셀렉터 조합):
   • $("p.intro"): <p> 요소 중 class가 "intro"인 요소를 선택합니다.
   • $("div, p"): <div>와 <p> 요소를 모두 선택합니다.
6. Descendant Selector(자손 선택자):
   • $("div p"): <div> 요소 아래의 모든 <p> 요소를 선택합니다.
7. Child Selector(자식 선택자):
   • $("ul > li"): <ul> 요소의 직계 자식인 <li> 요소를 선택합니다.
8. Filtering Selector(필터링 선택자):
   • $("p:first"): 첫 번째 <p> 요소를 선택합니다.
   • $("li:last"): 마지막 <li> 요소를 선택합니다.
9. Selector by Content(내용에 따른 선택자):
   • $("p:contains('Hello')"): "Hello"라는 텍스트를 포함한 <p> 요소를 선택합니다.

위의 선택자들은 jQuery에서 가장 흔히 사용되는 셀렉터의 몇 가지 예시입니다. 이를 사용하여 원하는 요소를 선택하고 조작할 수 있습니다. jQuery 셀렉터를 통해 선택한 요소에 대해 이벤트 핸들러를 추가하거나 CSS 속성을 변경하는 등 다양한 동작을 수행할 수 있습니다.