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

Get Attribute of hidden (display:none) html element

本文关键字：html 元素 属性 none 隐藏 display 获取      更新时间：2023-09-26

如何获取隐藏元素的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);

这将给出一个未定义的值，任何帮助都将是巨大的。

您的类名有缺陷。

您只需将其命名为player，然后使用a.player进行选择。

尝试

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

或将类名更改为：

player

尝试

<a class="player">

的istead

<a class="a.player">

您不必将类名指定为class=a.player，它应该是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链接此处

相关文章：