내 요구 사항을 충족시키기 위해 HTML / JS 코드 아래에 사용되었습니다. 개인적으로 예상대로 값을 얻을 수 있습니다.
그러나 아래 예상대로 추출 된 값을 배열 형식으로 삽입해야합니다. 이 JS 코드 접근 방식으로는 이것을 할 수 없습니다.
var getOfferCode;
var getRoomCode;
var getTitle;
var combinedArr = [];
$('.wrapper-container').each(function() {
getOfferCode = $(this).find('.list-item').attr('data-offer-code');
getRoomCode = $(this).find('.list-item').attr('data-room-code');
getTitle = $(this).find('.list-item h2').html();
combinedArr.push();
});
console.log(combinedArr)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper-container">
<div class="list-item" data-offer-code="sss" data-room-code="Twin">
<h2>Title 1</h2>
</div>
<div class="list-item" data-offer-code="fff" data-room-code="Max">
<h2>Title 2</h2>
</div>
<div class="list-item" data-offer-code="ddd" data-room-code="Min">
<h2>Title 2</h2>
</div>
</div>
Expected format:
roomArray: {
[
{
offerCode: "sss",
roomCode: "Twin",
title: "Title 1"
},
{
offerCode: "fff",
roomCode: "Max",
title: "Title 2"
},
{
offerCode: "ddd",
roomCode: "Min",
title: "Title 3"
}
]
}
래퍼 요소 내부의 div를 반복하고 attr ()으로 속성 값을 가져올 수 있습니다.
그런 다음 이러한 값을 사용하여 개체를 만들고 결합 된 Arr 배열 내부로 밀어 넣습니다.
var getOfferCode;
var getRoomCode;
var getTitle;
var combinedArr = [];
$('.wrapper-container > div').each(function() {
getOfferCode = $(this).attr("data-offer-code");
getRoomCode = $(this).attr("data-room-code");
getTitle = $(this).children('h2').html();
const obj = {
offerCode: getOfferCode,
roomCode: getRoomCode,
title: getTitle,
}
combinedArr.push(obj);
});
console.log(combinedArr);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper-container">
<div class="list-item" data-offer-code="sss" data-room-code="Twin">
<h2>Title 1</h2>
</div>
<div class="list-item" data-offer-code="fff" data-room-code="Max">
<h2>Title 2</h2>
</div>
<div class="list-item" data-offer-code="ddd" data-room-code="Min">
<h2>Title 2</h2>
</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다