javascript - JS变量等于html数据属性

Question

我正在尝试在 Javascript 中创建一个变量，该变量使用在数据开始时间分配的值。

这是我的 html:

        <li data-pile="1" id="kQKhpVWBjoQ" data-start-time="20" class="md-trigger md-setperspective">
        </li>

这是我的 JS:

function playVideo(videoId, cb) {
    if(videoId) {
        myModal.find('.md-video').append($videoDiv);
        myModal.addClass('md-show');
        setTimeout(function () {
            console.log('#### id', videoId);
            var startTime = videoId.getAttribute('data-start-time');
            player.loadVideoById({'videoId': videoId, 'startSeconds': startTime});
            player.videoEnded = function () {
                cb && cb();
            };

            player.waitForChanges();
        }, 1000);
    }
}

如果我创建变量 startTime 并在我的 js 中硬编码一些值，播放器就会工作。但是，我似乎可以找出行有什么问题:

var startTime = videoId.getAttribute('data-start-time');

我需要做的就是获取每个数据在 html 中的 data-start-time="..."中分配的值“li”使用根据特定“li”而变化的 id

Answer 1

试试这个:

var startTime = $('#'+videoId).prop('data-start-time');

假设videoId中的函数接收的是一个元素ID，那么你需要通过该ID来获取该元素。仅仅命名 ID 是不行的。您还可以使用纯 JavaScript，如下所示:

document.getElementById(videoId).getAttribute('data-start-time');