检查iframe中是否存在动态属性值

时间:2015-09-28 04:41:05

标签: javascript jquery

所以我已经有了这个iframe来更新"数据活动视频"每次用户点击幻灯片旁边的下一个属性。我试图检查"数据活动视频"值为4,如果确实改变了" src"值。见以下代码

<div class="video-frame">
    <iframe width="560" height="315" src="EZF4iS-XEQ8" frameborder="0" id="active_video_player" allowfullscreen="" data-active-video="4"></iframe>
</div>

和JS:

$('.video-frame').find('iframe').each(function () {
    if ($(this).attr('data-active-video', '4')) {
        // alert('yesssss');
        $(this).attr('src', 'http://www.somelink.com');
    }
});

2 个答案:

答案 0 :(得分:1)

attr('data-active-video', '4') 会将属性值设置为4,以获取您需要使用的数据属性值 attr('data-active-video') {{ 3}}

$('.video-frame iframe').each(function () {
    if ($(this).attr('data-active-video') == '4') {
        // alert('yesssss');
        $(this).attr('src', 'http://www.somelink.com');
    }
});

答案 1 :(得分:1)

或者您也可以尝试这样做。因为看起来你正在使用jQuery。您可以使用data属性。无论哪种方式都与我上面的答案相同。

$('.video-frame').find('iframe').each(function () {
if ($(this).data('active-video') == '4') {
    // alert('yesssss');
    $(this).attr('src', 'http://www.somelink.com');
}

});