jQuery [찾기] Text 검색, 빈값 체크, 인덱스 검색

html, text가 해당 값 포함한 요소 찾기

//전체에서 html, text가 해당 값 포함한 요소 찾기
$(':contains('srhtxt')

//p태그 중에서 html, text가 해당 값 포함한 요소 찾기
$('p:contains('srhtxt')') 

 

Text로 Element 찾기

//text로 시작하는 html을 가진 Element 찾기
$.fn.findByStartText = function (text) {
  return this.filter(function () {
    return this.innerHTML.indexOf(text) == 0;
  });
};
 
//html이 text인 Element 찾기
//(주의) 자식 요소를 모두 포함하는게 text이니 헷갈리지 않길!!!
$.fn.findByEqualText = function (text) {
  return this.filter(function () {
    return this.innerHTML == text;
  });
};
 
//사용
$('div').findByStartText('text').css("background-color", "#ffaaaa");

 

개수, 빈값 체크

//li요소의 총개수
var liCount = $('li').length;  

//자식노드가 없거나, text가 없는 요소들
$(':empty')

//id가 content인 요소가 있는지 체크
if($('#content').length > 0) {
  //항목있음
}

 

인덱스로 찾기

//짝수 li 요소들
$('li:even')

//홀수 li 요소들
$('li:odd')

//인덱스 3보다 큰 요소들(0 base)
$('li:gt(3)')

//인덱스 3보다 작은 요소들(0 base)
$('li:lt(3)')