검토
//html
//js
$('.dv').find('ul')->eq(0)->find('li')->each(function( i ){
var obj = $(this).find('a')->eq(0)
$em = $('
');//새 em 요소
$ em.html(i);
$em.insertBefore(obj);//찾은 요소 앞에 새 요소를 삽입합니다.
})
정말 편리합니다! ! ! !
jQuery의 find 메소드에 대한 질문
find(expr)
지정된 표현식과 일치하는 모든 요소를 검색합니다. 이 함수는 처리 중인 요소의 하위 요소를 찾는 좋은 방법입니다.
모든 검색은 jQuery 표현식을 사용합니다. 이 표현식은 CSS1-3 선택기 구문을 사용하여 작성할 수 있습니다.
반환 값
jQuery
매개 변수
expr(String):
찾는 데 사용되는 표현식
예
모든 단락에서 시작하여 추가로 범위 검색 아래 요소. $("p 스팬")과 동일합니다.
HTML 코드:
안녕하세요, 잘 지내세요?
jQuery 코드:
$("p").find("span")
결과 :
[Hello] jquery query|jquery find element|jquery find object
#id 반환 값: 배열
#id
개요
주어진 ID를 기반으로 요소를 일치시킵니다.
선택기에 특수 문자가 포함된 경우 슬래시 두 개로 이스케이프할 수 있습니다. 예시를 참조하세요.
매개변수
idString
요소의 id 속성에 제공된 값으로 검색하는 데 사용됩니다.
예
설명:
"myDiv" 요소의 ID를 찾습니다.
HTML 코드:
id="myDiv"
jQuery 코드:
$ ("#myDiv");결과: [
id="myDiv"
] 설명:
특수 문자가 포함된 요소 찾기
HTML 코드:
jQuery 코드:
#foo\:bar
#foo\[bar\] #foo\. 반환 값: Array요소 개요는 지정된 요소 이름을 기반으로 모든 요소와 일치합니다. 매개변수 elementString은 검색에 사용되는 요소입니다. DOM 노드를 가리키는 태그 이름입니다. 설명 예: DIV 요소를 찾습니다. HTML 코드:
DIV1
DIV2
SPANjQuery 코드: $("div") 결과: [
DIV1 ,
DIV2 ].class 반환값: Array.class 개요 주어진 클래스에 따라 요소를 일치시킵니다. 매개변수 classString은 검색할 클래스입니다. 요소는 여러 클래스를 가질 수 있으며 그 중 하나가 일치하는 한 일치할 수 있습니다. 설명 예: 클래스가 "myClass"인 모든 요소를 찾습니다. HTML 코드:
div class="notMe"
div class="myClass"
span class="myClass"jQuery 코드:$(".myClass"); 결과:[
div class="myClass", span class="myClass" ] selector1, selector2,selectorN 반환 값:Arrayselector1,selector2,selectorN 개요 각 선택기와 일치하는 요소를 병합하여 함께 반환합니다. 원하는 만큼 선택기를 지정하고 일치하는 요소를 단일 결과로 결합할 수 있습니다. 매개변수 selector1Selector 유효한 선택기 selector2Selector 또 다른 유효한 선택기 selectorN (선택 사항) Selector 유효한 선택기의 수 제한 없음 예제 설명: 모든 클래스와 일치하는 요소를 찾습니다. HTML 코드:
div
p class="myClass"
span
p class="notMyClass" jQuery 코드: $("div,span,p.myClass") 결과: [
div,
p class="myClass", span
]