'find', 'attr', possibly more methods are undefined in .map 'this' context.

Calling this.find('...'), this.attr('...') throws a TypeError: Object #<Object> has no method ... error when called in the context of .map.

Example:

var $ = require('cheerio').load(
    '<ul>'
  +   '<li><a href="/1">1</a></li>'
  +   '<li><a href="/2">2</a></li>'
  +   '<li><a href="/3">3</a></li>'
  +   '<li><a href="/4">4</a></li>'
  + '</ul>'
);

// Works
console.log($('li').eq(0).find('a').attr('href'));

// Fails with:
//   return this.find('a').attr('href');
//               ^
// TypeError: Object #<Object> has no method 'find'
console.log($('li').map(function () {
  return this.find('a').attr('href');
}));

This worked in cheerio 0.12.4 and fails in 0.13.1

[jugglinmike]

Hi Aleksey,

The change you’ve reported is intentional because it more closely mimics jQuery. Just like in jQuery, the context of the callback function is the node. If you’d like to use the Cheerio API, then you can create a new Cheerio object with the node:

 console.log($('li').map(function () {
-  return this.find('a').attr('href');
+  return $(this).find('a').attr('href');
 }));

Does this work for you?

[matthewmueller]

yah, there’s lots of things i’d like to change about jquery. check out the client-side component/dom for some of those ideas.