Cheerio로 가져온 데이터의 하위 자손중 특정 태그만 가져오는 방법

Question

stackoverflow도 뒤져보고 별에별 방법으로 다해봐도 저의 경우를 못찾아서 질문드려봅니다.Node.js와 Cheerio 로 데이터를 가져와서 현재 이런 데이터를 가져온 상태입니다.let searchUrl = 'URL ADDRESS'; await got(searchUrl, { timeout: { request: 30000, }, }).then(async(response) => { const $ = cheerio.load(response.body); // HTML data // itemDetailImage = $("#descTemplate").html(); // Get HTML part data (Successfully get HTML file) itemDetailImage = $("#descTemplate").find('img').attr('src'); // return undefined console.log(itemDetailImage); })가져온 데이터는 아래와 같습니다.

제가 원하는 것은 위와 같은 데이터의 img src 데이터만 가져오거나 img 태그만 가져오는것인데, .html()으로 가져오면 그 순간 이건 string 데이터가 되어버리니 여기선 더이상 cheerio 문법을 사용할수 없고, 제가 주석처리 하지 않은 코드처럼 작성하면 undefined가 return 되어버리더라구요. 결론적으로는 저 값에서 div 태그만 날려버리고, 혹시나라도 다른 태그가 있다면 다 날리는... 처음에는 string 데이터를 javascript으로 처리해볼까도 싶었지만 저 가져오는 데이터의 HTML 구성이 매번 달라서 img 태그만 가져올수있을거라는 보장이 없겠더라구요. 인터넷에 HTML 태그를 string에서 걸러내는 코드는 있던데..해당 id값의 데이터의 하위데이터 중에서 img 데이터만 딱 가져오면 되는건데.. 이게 생각보다 어렵네요.url만 가져올필요도 없고 img 태그 통으로 가져와도 상관은 없거든요.방법이 있을까요?

종로3가 · Answer

request.get(searchUrl , function(error, response, body) { const $ &#61; cheerio.load(body); $('div').addClass('imgWrap'); let menu &#61; $('.imgWrap').each(function(i, element) { let thing &#61; $(element).find('img').attr('src'); console.log(thing); }); })

Cheerio로 가져온 데이터의 하위 자손중 특정 태그만 가져오는 방법

1개의 답변

Q&A 목록