[제이쿼리] 전체 형제 요소 선택자

제이쿼리

[제이쿼리] 전체 형제 요소 선택자

devjones 2020. 10. 4. 02:12

전체 형제 요소 선택자는 선택한 요소의 모든 형제 요소를 선택한다.

기본형 : $("요소 선택").siblings();

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<script>

$(function() {
    var style_1 = {
        "background-color" : "#0ff",
        "border" : "2px solid #f00"
    }

    $(".txt").siblings().css(style_1);
});

</script>

<p>wrap밖</p>

<div id="wrap">
    <h1>인접 관계 선택자</h1>
    <p>내용1</p>
    <p class="txt">내용2</p>
    <p>내용3</p>
    <p>내용4</p>
</div>

    
</body>
</html>

결과