JQuery, find()로 특정 태그 찾기, not()으로 특정 태그 제외하기

 

jQuery find()

 

: 특정 태그 찾는 방법.

 

 $(selectorA).find(selectorB);

 

 

HTML 페이지 소스

 

<div id="menuList">

    <input type="hidden" id="burger" name="burger"/>

    <input type="hidden" id="rice"   name="rice" />

    <input type="hidden" id="beer"  name="beer" />   --> 찾으려는 대상

</div>

 

 

예1) beer라는 name을 가진 요소를 찾고 싶은 경우.

 

var targetObj = $("#menuList").find("input[name='beer']");

 

 

예2) id로 찾고 싶은 경우.

 

var targetObj = $("#menuList").find("#beer");

 

 

 

jQuery not()

 

: 특정 태그는 제외하고 찾는 방법.

 

 $(selectorA).find(selectorB).not(selectorC);

 

 

HTML 페이지 소스

 

<ul id="menuList">

    <li id="burger" ></li>    --> 찾으려는 대상

    <li id="rice" ></li>

</ul>

 

 

예) 특정 ul 밑에 li 를 찾되 burger라는 id를 가진 태그는 제외하고 싶은 경우.

 

var targetObj = $("#menuList").find("li").not("#burger");