Question

120

cheerio / jquery selectors: how to get a list of elements in nested div's?

rated 0 times [ 124] [ 4] / answers: 1 / hits: 80608 / 9 Years ago, fri, september 18, 2015, 12:00:00

I need to parse some markup similar to this one, from an html page:

<div id=list>



  <div class=item-level-a>

    <div class=item-level-b>

      <a href=http://www.example.com/1></a>

    </div>

  </div>



  <div class=item-level-a>

    <div class=item-level-b>

      <a href=http://www.example.com/2></a>

    </div>

  </div>



  <div class=item-level-a>

    <div class=item-level-b>

      <a href=http://www.example.com/3></a>

    </div>

  </div>



</div>

I did try with this code:

$list = [];

$('div[id=list]').each(function() {

  var href = $(this).find('div > div > a').attribs('href');

  list.push(href);

});

without success: error was:

TypeError: Object <a href=http://www.example.com/1></a>

                  <a href=http://www.example.com/2></a>

                  <a href=http://www.example.com/3></a>

has no method 'attribs'

:-(.

Any clue?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

domeniccolti

Add To Favorites

Follow

Total Points: 276

Total Questions: 98

Total Answers: 93

Location: India

Member since Fri, May 13, 2022

2 Years ago

domeniccolti questions

1 MUI Autocomplete custom options, not showing selected option

Mon, Oct 18, 21, 00:00, 3 Years ago

1 Discord.JS V13 client.on messagecreate not firing

Thu, Oct 14, 21, 00:00, 3 Years ago

1 Using Fetch API to create a Login form

Thu, Jul 15, 21, 00:00, 3 Years ago

1 React JS - How to detect navigator.platform in Next JS

Sat, Oct 24, 20, 00:00, 4 Years ago

1 jsPDF is not defined in javascript

Thu, Sep 3, 20, 00:00, 4 Years ago

View All

answered 9 Years ago rocky · Accepted Answer

In cheerio and jquery, you get attributes with attr(), not attrib().

There are a few other problems with your code. Here is a working version using cheerio. It probably works in jquery this way as well.:

var list = [];

$('div[id=list]').find('div > div > a').each(function (index, element) {

  list.push($(element).attr('href'));

});

console.dir(list);