我可以借助一些帮助来隔离一两个元素并将它们放入 javascript 变量中。我仍在学习如何正确识别 DOM 中的事物,我必须想象我正在尝试做的事情是可能的。
考虑以下几点:
$('.fancybox').fancybox({
'autoScale': false,
'type': 'iframe',
'padding': 0,
'closeClick': false,
helpers: {
overlay: {
closeClick: false
}
},
afterShow: function () {
$("#overlay_content_top").show();
$("#overlay_content_bottom").show();
},
afterClose: function () {
$("#overlay_content_top").hide();
$("#overlay_content_bottom").hide();
}
});
<div class ="example">
<a class="fancybox" href="http://my-iframe.example"><img src="myimage.jpg" width="x" height="y" /></a>
**<span>Important Information I need</span>**
</div>
我需要将 .example span 中的 html 放入一个变量中,然后将其应用于 fancybox 中显示的内容。
所以在疯狂的伪代码中是这样的:
var getname = $(this).html('.example span');
$('.inherit_span').html(getname);
我在页面上有二十个不同的项目可以点击,我不想为每个项目生成单独的 id 或名称,我宁愿在调用 fancybox 函数时从 span 中获取 html 然后应用该名称到灯箱显示中的另一个元素。任何帮助表示赞赏。
最佳答案
您可能会遇到多个 <a>
的情况带有多个 <span>
的标签在它们之后的标签,在这种情况下使用 .next()
beforeShow
中的方法像回调
beforeShow: function(){
var getname = $(this.element).next('span').html();
$('.inherit_span').html(getname);
}
注意:为了使变量getname
在回调之外可用,在脚本的开头声明它,如
<script>
var getname;
.
.
关于javascript - 如何在使用 fancybox 时从这个 span 元素创建一个 javascript 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11555911/