CODEWITHSUNDEEP
javascriptjquery
Wordpressor
Wordpressor

Reputation: 7543

jQuery - console.log() returns an element but I can't access it

I happened to have super dumb issue and I'm stuck.

I do console.log(data) and I get exactly this:

<a href='http://www.someurl.com'>caption</a>

The question is how do I get this links "href" attribute.

I have absolutely no idea why, but these doesn't work:

data.text() == Uncaught TypeError: undefined is not a function (should be: caption)

$('a',data).attr('href') == undefined (should be: http://www.someurl.com)

Maybe this is not a string, but object or something else? How to check that? My JS looks like this:

 window.send_to_editor = function(data) {
      var videourl = data;
      console.log(videourl.text()); // Uncaught TypeError: undefined is not a function
      console.log(videourl);  // <a href='http://www.someurl.com'>caption</a>
    }

Upvotes: 0

Views: 338

Answers (4)

Nick Tomlin
Nick Tomlin

Reputation: 29221

In your case, data is a string, not a jQuery object and therefore does not have of jQuery's methods (like text).

If you are certain that data is a string containing a link, you can use a regular expression to extract the link like so: 

var match = data.match(/href='(.*)'/g);
url = match && match[1];
console.log(url);

Alternately, you can create a jQuery object from your string. But that's a much more expensive operation if you just want to get the url.

Upvotes: 0

Ryan
Ryan

Reputation: 14649

It's not a jQuery object. That is why it is undefined. First, create a jQuery object.

var _videourl = $(videourl);
console.log(_videourl.text());
console.log(_videourl.attr('href'));
// caption (index)
// http://www.someurl.com

DEMO

Upvotes: 0

agim
agim

Reputation: 1841

You should first find out, what type data is. To do this you can use the JavaScript builtin function typeof(data).

Upvotes: 1

alexmngn
alexmngn

Reputation: 9597

Using jQuery, you can do something like that:

var data = "<a href='http://www.someurl.com'>caption</a>";
var link = $(data).attr('href');

It will create dynamically your DOM element, then you will be able to get your attribute href.

Upvotes: 1

Related Questions