집 >웹 프론트엔드 >JS 튜토리얼 >jquery를 사용하여 상위 요소를 얻는 방법은 무엇입니까? 상위 요소를 가져오는 jquery 메소드

jquery를 사용하여 상위 요소를 얻는 방법은 무엇입니까? 상위 요소를 가져오는 jquery 메소드

云罗郡主원래의: 2018-11-03 15:04:586065검색

사실 jquery를 사용하여 부모를 가져오는 방법은 여러 가지가 있습니다. 예를 들어 parent(), parent(), close()를 사용하는 등 이러한 방법을 사용하면 부모 요소를 찾는 데 도움이 될 수 있습니다. jquery 사용 방법에 대해 이야기해 보겠습니다. 그것을 얻으려면? 상위 요소를 가져오는 jquery 메소드입니다.

1.parent() 메소드

jQuery에서는 parent() 메소드를 사용하여 현재 요소 . 요소에는 상위 요소가 하나만 있다는 점을 기억하세요.

Syntax: parent(expression)

Description: 매개변수 표현식은 상위 요소를 필터링하는 데 사용되는 jQuery 선택기 표현식을 나타냅니다. 매개변수를 생략하면 모든 상위 요소가 선택됩니다. 매개변수를 생략하지 않으면 조건에 맞는 상위 요소가 선택됩니다.

요소에는 상위 요소가 하나만 있지 않나요? "적격한 상위 요소"와 같은 것이 여전히 존재하는 이유는 무엇입니까? 이를 위해 다음 예를 살펴보십시오.

예:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="../App_js/jquery-1.12.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("p").parent(".lvye").css("color", "red");
        })
    </script>
</head>
<body>
    <div><p>php中文网jQuery入门教程</p></div>
    <div class="lvye"><p>php中文网jQuery入门教程</p></div>
    <div><p>php中文网jQuery入门教程</p></div>
</body>
</html>

효과는 다음과 같습니다.

jquery를 사용하여 상위 요소를 얻는 방법은 무엇입니까? 상위 요소를 가져오는 jquery 메소드

# 🎜🎜# 2. Parents() 메소드

parent() 메소드는 parent() 메소드와 유사하며 둘 다 선택한 요소의 상위 요소를 찾는 데 사용됩니다. 그러나 이 두 가지 방법에는 본질적인 차이점도 있습니다.

사실 이 두 가지 방법도 쉽게 구별할 수 있습니다. 부모는 단수형이고 검색할 조상 요소는 부모 요소 하나만 있습니다. parents는 복수형이며, 검색할 조상 요소는 당연히 모두 조상 요소입니다.

Syntax: parent(expression)

Description: 매개변수 표현식은 상위 요소를 필터링하는 데 사용되는 jQuery 선택기 표현식 문자열을 나타냅니다. 인수를 생략하면 모든 상위 요소가 선택됩니다. 매개변수를 생략하지 않으면 조건에 맞는 상위 요소가 선택됩니다.

예:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="../App_js/jquery-1.12.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                var parents = $("span").parents()
                              .map(function () { return this.tagName; })
                              .get().join(",");
                alert("span元素的所有祖先元素为：" + parents.toLowerCase());
            });
        })
    </script>
</head>
<body>
    <div><p><strong><span>jQuery入门教程</span></strong></p></div>
    <input id="btn" type="button" value="获取" />
</body>
</html>

효과는 다음과 같습니다.

jquery를 사용하여 상위 요소를 얻는 방법은 무엇입니까? 상위 요소를 가져오는 jquery 메소드

3 . parentUntil( ) 메소드

parentsUntil() 메소드는 parent() 메소드를 보완한 것으로, 지정된 범위에서 모든 상위 요소를 찾을 수 있습니다. parent() 메서드에서 반환된 컬렉션입니다.

Syntax: parent(expression)

매개변수 선택기는 범위의 상위 요소를 결정하는 데 사용되는 jQuery 선택기 표현식 문자열을 나타냅니다. 이 매개변수는 선택사항입니다. 생략하면 모든 상위 요소가 일치하며, 이는 parent() 메소드의 결과와 동일합니다.

parentUntil() 메소드는 많이 사용되지 않으므로 초보자의 메모리 부담을 줄이기 위해 직접 무시해도 됩니다. 더 자세히 알아보려면

jQuery Tutorial을 참조하세요.

위 내용은 jquery를 사용하여 상위 요소를 얻는 방법은 무엇입니까? 상위 요소를 가져오는 jquery 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：js 루프 구조는 무엇입니까? js 루프 구조 개요다음 기사：js 루프 구조는 무엇입니까? js 루프 구조 개요