다음 코드가 있고 중첩 된 배열을 만들어야합니다. 여기에서 다단계 정렬 된 목록을 생성합니다.
var htmlContent2 = '<div id="header"><p class="headpara">Header content</p><p class="one">Lorem ipsum dolor sit amet, consectetur:</p><p class="two">Perferendis iure doloremque iusto adipisci facilis.</p><p class="two">Asperiores impedit officiis cumque molestias at rerum consequuntur!</p><p class="one">More dummy text.</p> <p class="two">Additional dummy text: </p> <p class="three">Asperiores impedit officiis.</p> <p class="three">Lolestiae asperiores ad repellat est obcaecati.</p> <p class="two">Lorem ipsum dolor sit amet.</p> <p class="notelem">Dignissimos maiores facere consequuntur quod.</p> <p class="one">Ea excepturi aperiam.</p></div>';
var $ = cheerio.load(htmlContent2);
var allList = [];
var manipulatedContent = $('#header').each(function (i, elem) {
var level1 = [],
level2 = [],
level3 = [],
level4 = [],
item1 = $('.one').html(),
item2 = $('.two').html(),
item3 = $('.three').html(),
item4 = $('.notelem').html();
level1[i] = item1;
level2[i] = item2;
level3[i] = item3;
level4[i] = item4;
allList.push(item1, [item2, [item3, item4]]);
});
console.dir(allList);
현재 코드로는 다음 배열 만 생성 할 수 있습니다.
[ 'Lorem ipsum dolor sit amet, consectetur:',
[ 'Perferendis iure doloremque iusto adipisci facilis.',
[ 'Asperiores impedit officiis.',
'Dignissimos maiores facere consequuntur quod.']]]
그러나 원하는 결과 배열 :
['Lorem ipsum dolor sit amet, consectetur:',
['Perferendis iure doloremque iusto adipisci facilis.',
['Asperiores impedit officiis.',
['Dignissimos maiores facere consequuntur quod.']]]];
cheerio.js에서 JavaScript 또는 더 나은 방법을 사용하여 어떻게이 작업을 수행 할 수 있습니까?
내 목표는 샘플 콘텐츠 (htmlContent2)에 표시된대로 형식이 잘못된 html에서 중첩 된 순서 목록을 만드는 것입니다.
귀하의 도움은 대단히 감사하겠습니다.
@Chris G는 다음과 같이 말했습니다.
//var htmlContent2 = '';
//var $ = cheerio.load(htmlContent2);
var allList = [];
var manipulatedContent = $('#header').each(function (i, elem) {
var level1 = [],
level2 = [],
level3 = [],
level4 = [],
item1 = $('.one').html(),
item2 = $('.two').html(),
item3 = $('.three').html(),
item4 = $('.notelem').html();
level1[i] = item1;
level2[i] = item2;
level3[i] = item3;
level4[i] = item4;
allList.push(item1, [item2, [item3, [item4]]]);
});
console.dir(allList);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="header"><p class="headpara">Header content</p><p class="one">Lorem ipsum dolor sit amet, consectetur:</p><p class="two">Perferendis iure doloremque iusto adipisci facilis.</p><p class="two">Asperiores impedit officiis cumque molestias at rerum consequuntur!</p><p class="one">More dummy text.</p> <p class="two">Additional dummy text: </p> <p class="three">Asperiores impedit officiis.</p> <p class="three">Lolestiae asperiores ad repellat est obcaecati.</p> <p class="two">Lorem ipsum dolor sit amet.</p> <p class="notelem">Dignissimos maiores facere consequuntur quod.</p> <p class="one">Ea excepturi aperiam.</p></div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다