javascript - Get Attribute of hidden (display:none) html element - Stack Overflow

admin管理员组

文章数量:1345891

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

Share Improve this question Follow asked Jan 27, 2012 at 14:20 PsylantPsylant 9311 silver badge1010 bronze badges 1

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

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 6

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

本文标签： javascriptGet Attribute of hidden (displaynone) html elementStack Overflow