• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 클릭한 버튼의 형제 요소의 값을 끌어오기

클릭한 버튼의 형제 요소의 값을 끌어오기

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #34679

    Heok Joon
    참가자

    var information0 = $(this).siblings('h5').html();
    var information1 = $(this).siblings("p").html();

     

    var information0 = $(".buy").eq(3).siblings("h5").html();
    var information1 = $(".buy").eq(3).siblings("p").html();
    var inform0 = JSON.stringify(information0);
    var inform1 = JSON.stringify(information1);

    this 도 작동이 안되고 . eq()도 작동이 되지 않습니다 어떻게 해야할까요 ?

    해당 선택의 형제요소의 값을 어떻게 끌어와야 할지 모르겠네요 

     

    #34689

    codingapple
    키 마스터

    출력해봐도 안나오면 찾고자하는 html이 페이지 내에 없는 경우가 대부분입니다 

    #34692

    Heok Joon
    참가자

    상황은 대충 이러한데요 

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- Bootstrap CSS -->
    <link
    href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
    rel="stylesheet"
    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
    crossorigin="anonymous"
    />
    <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
    crossorigin="anonymous"
    ></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <title>Hello, world!</title>
    </head>
    <body>
    <div class="container">
    <div class="row"></div>
    </div>

    <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
    crossorigin="anonymous"
    ></script>

    <script>
    var products = [
    { id: 0, price: 70000, title: "Blossom Dress" },
    { id: 1, price: 50000, title: "Springfield Shirt" },
    { id: 2, price: 60000, title: "Black Monastery" },
    ];

    for (a = 0; a++; a < 3) {
    if (a < 3) {
    console.log(products[a].title.value);
    }
    }

    function 내용(받아옴) {
    받아옴.forEach((a, i) => {
    var 카드 = `<div class="col-sm-4">
    <img src="https://via.placeholder.com/600" class="w-100" />
    <h5 id="title">${a.title}</h5>
    <p id = "price">${a.price}</p>
    <button class ="buy">구매</button>
    </div>`;
    $(".row").append(카드);
    });
    }

    var arr = [1, 2, 3];
    var newArr = JSON.stringify(arr);

    localStorage.setItem("num", newArr);
    var 꺼낸거 = localStorage.getItem("num");
    console.log(JSON.parse(꺼낸거));

    내용(products);

     

    var information0 = $(".buy").eq(3).siblings("h5").html();
    var information1 = $(".buy").eq(3).siblings("p").html();
    var inform0 = JSON.stringify(information0);
    var inform1 = JSON.stringify(information1);

    $(".buy")
    .eq(1)
    .on("click", function () {
    localStorage.setItem("key11", inform0 + inform1);
    });

    </script>
    </body>
    </html>

    그냥 여러개 html 만들어져 있는것에 몇번째 html 에 h5 이런건 구할수 있을것 같은데 

    이렇게 JS에서 집어 넣어진 HTML 값은 도출해내려고 해도 잘 안되네요 

    #34709

    Heok Joon
    참가자

    이 내용으로 다른 새 질문으로 이어서 진행합니다 여기에서 답변은 괜찮습니다😀

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠