jquery 부모() 메서드


  번역 결과:

parents

English ['peərənts] US ['peərənts]

n.Parents(부모의 복수명사)

jquery 부모() 메서드통사론

함수: parents()는 현재 일치하는 요소 집합에서 각 요소의 상위 요소를 가져옵니다. 선택기를 사용한 필터링은 선택 사항입니다. P 문법: a.parents(Selector)

매개변수:

매개변수 설명 문자열 값, 일치하는 요소에 대한 선택기 표현식 포함. 설명: DOM 요소 모음을 나타내는 jQuery 객체가 있는 경우 .parents() 메서드를 사용하면 DOM 트리에서 이러한 요소의 상위 요소를 검색하고 가장 가까운 요소부터 오름차순으로 정렬할 수 있습니다. 상위 요소 일치하는 요소에 대한 새 jQuery 객체를 생성합니다. 요소는 가장 가까운 상위 요소부터 순서대로 반환됩니다. .parents() 메서드는 .parent() 메서드와 유사하지만 후자가 DOM 트리에서 한 수준 위로 이동한다는 점이 다릅니다. 이 메소드는 $() 함수에 전달한 인수와 동일한 유형의 선택적 선택기 표현식을 허용합니다. 이 선택기를 적용하면 요소가 선택기와 일치하는지 테스트하여 요소가 필터링됩니다.
Selector

jquery 부모() 메서드예

<!DOCTYPE html>
<html>
<head>
  <style>
  b, span, p, html body {
    padding: .5em;
    border: 1px solid;
  }
  b { color:blue; }
  strong { color:red; }
  </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div>
    <p>
      <span>
        <b>我的父元素是:</b>
      </span>
    </p>
  </div>

<script>
var parentEls = $("b").parents()
            .map(function () { 
                  return this.tagName; 
                })
            .get().join(", ");
$("b").append("<strong>" + parentEls + "</strong>");
</script>

</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A