테스트 사이트 - 개발 중인 베타 버전입니다
SIR

.has (selector)

수다왕
프로필 보기이 회원 글보기
 · 8년 전 · 1186

.has (selector)


설명 : 일치하는 요소 집합을 선택기 또는 DOM 요소와 일치하는 하위 항목이있는 요소로 줄입니다.


DOM 요소 집합을 나타내는 jQuery 객체가 주어지면이 .has()메소드는 일치하는 요소의 하위 집합에서 새 jQuery 객체를 생성합니다. 제공된 선택기는 일치하는 요소의 하위 항목에 대해 테스트됩니다. 하위 요소 중 하나가 선택자와 일치하면 요소가 결과에 포함됩니다.


다음과 같이 중첩 목록이있는 페이지를 고려하십시오.


<ul>

  <li>list item 1</li>

  <li>list item 2

    <ul>

      <li>list item 2-a</li>

      <li>list item 2-b</li>

    </ul>

  </li>

  <li>list item 3</li>

  <li>list item 4</li>

</ul>

이 메소드를 다음과 같이 목록 항목 집합에 적용 할 수 있습니다.


$( "li" ).has( "ul" ).css( "background-color", "red" );

이 호출의 결과는 항목 2의 빨간색 배경입니다 . 하위 항목 중 하나만 <li>있는 항목이기 때문입니다 <ul>.


예:

요소가 다른 요소 안에 있는지 확인하십시오.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>has demo</title>

  <style>

  .full {

    border: 1px solid red;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<ul><li>Does the UL contain an LI?</li></ul>

 

<script>

$( "ul" ).append( "<li>" +

  ( $( "ul" ).has( "li" ).length ? "Yes" : "No" ) +

  "</li>" );

$( "ul" ).has( "li" ).addClass( "full" );

</script>

 

</body>

</html>

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
16019
PHP 이미지 url주소값만 변경하기 9
16015
jQuery jQuery.htmlPrefilter( html ) 1
16014
jQuery jQuery.holdReady( hold )
16013
jQuery jQuery.hasData( element ) 1
16011
MySQL phpMyAdmin 에서 작업할 DB의 모든 MyISAM 테이블을 InnoDB 로 바꾸는 방법 2
16010
jQuery jQuery.grep (array, function [, invert])
16009
jQuery jQuery.globalEval (code)
16008
jQuery jQuery.getScript( url [, success ] )
16004
PHP php에서 로켓쳇으로 데이터 전송 1
16003
jQuery jQuery.getJSON()
16002
jQuery jQuery.get()
16001
jQuery jQuery.fx.off
15993
jQuery jQuery.fx.interval
15992
jQuery jQuery.fn.extend () 2
15991
jQuery jQuery.extend()
15988
jQuery jQuery.escapeSelector ()
15987
jQuery jQuery.error (message)
15986
jQuery jQuery.each()
15985
jQuery jquery 가상 선택자 확장하기.
15981
jQuery jQuery.dequeue()
15980
jQuery jQuery.Deferred()
15979
jQuery jQuery.data()
15978
jQuery jQuery.cssNumber 
15977
jQuery jQuery.cssHooks
15976
jQuery jQuery.contains (Container, contained)
15975
jQuery jQuery.Callbacks ()
15974
jQuery jQuery.ajaxTransport ()
15973
jQuery  jQuery.ajaxPrefilter() 1
15971
jQuery jQuery.ajaxPrefilter()
15970
jQuery jQuery.ajax()
이전 다음
전체 목록