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

Question

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

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

Answer 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');
    }
});

Answer 2

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

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

}）;