"JQuery .parentsUntil()"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 3명의 중간 판 3개는 보이지 않습니다)
2번째 줄: 2번째 줄:
;jQuery .parentsUntil()
;jQuery .parentsUntil()


<source lang='html5'>
<syntaxhighlight lang='html5'>
<script src='//code.jquery.com/jquery.min.js'></script>
<script src='//code.jquery.com/jquery.min.js'></script>
<script>
<script>
23번째 줄: 23번째 줄:
     <div>안녕 오징어</div>
     <div>안녕 오징어</div>
</article>
</article>
</source>
</syntaxhighlight>
<jsfiddle height='200'>2xm1nmw4</jsfiddle>
<jsfiddle height='200'>2xm1nmw4</jsfiddle>


31번째 줄: 31번째 줄:
*[[jQuery .nextUntil()]]
*[[jQuery .nextUntil()]]


==참고 자료==
==참고==
*https://api.jquery.com/parentsUntil/
*https://api.jquery.com/parentsUntil/
*http://www.w3schools.com/jquery/traversing_parentsuntil.asp
*http://www.w3schools.com/jquery/traversing_parentsuntil.asp


[[분류: jQuery]]
[[분류: jQuery]]

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

jQuery .parentsUntil()
<script src='//code.jquery.com/jquery.min.js'></script>
<script>
$(function(){
    $('strong').parentsUntil('section').css('border', '6px dotted green');
    $('strong').parentsUntil('article').css('color', 'red');
    $('strong').parentsUntil('article', 'div').css('background', 'yellow');
});
</script>

<article>
    <div>안녕 한놈</div>
    <section>
        <div>안녕 두시기</div>
        <div>
            <div>안녕 <strong>석삼</strong></div>
            <div>안녕 너구리</div>
        </div>
    </section>
    <div>안녕 오징어</div>
</article>

2 같이 보기[ | ]

3 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}