How do I get the href attribute of a hidden element e.g.

<div style="display: none;">
<div id="inline1" style="width:640px; height: 363px; overflow:hidden;">
<a class="a.player" style="display: block; width: 640px; height: 360px; " href=""></a>
</div>
</div>

var videolink = $('a.player').attr('href');

alert (videolink);

This will give an undefined value, any help would be great.

How do I get the href attribute of a hidden element e.g.

<div style="display: none;">
<div id="inline1" style="width:640px; height: 363px; overflow:hidden;">
<a class="a.player" style="display: block; width: 640px; height: 360px; " href="http://myvideo.mp4"></a>
</div>
</div>

var videolink = $('a.player').attr('href');

alert (videolink);

This will give an undefined value, any help would be great.

• javascript
• jquery

• 2 As Daniel has stated your class name shouldn't contain . – Neo Commented Jan 27, 2012 at 14:24

5 Answers 5

Your class name is flawed.

You should just name it player and then select it with a.player.

Try

$('.a.player').attr('href');

or change classname to:

player

try

<a class="player">

istead of

<a class="a.player">

you dont have to specify the class name as class=a.player it should be class="player"

DEMO

<div style="display: none;">
<div id="inline1" style="width:640px; height: 363px; overflow:hidden;">
<a id="myHref" class="aplayer" style="display: block; width: 640px; height: 360px; " href="http://myvideo.mp4"></a>
</div>
</div>

var videolink = $('.aplayer').attr('href');
//var videolink = $('#myHref').attr('href');
alert (videolink);

Fiddle link Here