获取隐藏(display:none)html元素的属性

时间:2012-01-27 14:20:12

标签: javascript jquery

如何获取隐藏元素的href属性,例如

<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);

这将给出一个未定义的值,任何帮助都会很棒。

5 个答案:

答案 0 :(得分:6)

你的班级名称有缺陷。

您只需将其命名为player,然后使用a.player选择它。

答案 1 :(得分:3)

尝试

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

或将classname更改为:

player

答案 2 :(得分:2)

<a class="player">

而不是

<a class="a.player">

答案 3 :(得分:2)

您不必将类名称指定为class=a.player它应该是class="player"

DEMO

答案 4 :(得分:0)

<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);

小提琴链接Here