javascript - 将html文本字段解析为javascript

Question

您好，我有一个问题，在询问你们之前我一直在搜索它，但找不到解决方案。我想在文本框中添加data-id="video"，以便我可以更改它而不必每次都更改源文件。

<div class="youtube-container"><div class="youtube-player" data-id="VIDEO"></div></div>

我可以用文本字段更改“视频”吗？

我有一个可加载视频的JavaScript，因此我只能输入视频ID。

希望有人可以帮助我。

以下是要求视频ID的代码。

(function() {
var v = document.getElementsByClassName("youtube-player");
for (var n = 0; n < v.length; n++) {
    var p = document.createElement("div");
    p.innerHTML = labnolThumb(v[n].dataset.id);
    p.onclick = labnolIframe;
    v[n].appendChild(p);
}

我忘记了第一次发布。

Answer 1

对于解析:

$(".youtube-player").data("id")

对于更改内容:

$(".youtube-player").data("id","NEW CONTENT")

您想如何更改它-根据您的选择，使用select或textfield

您必须添加输入

<input type="text">

而这个jQuery代码

$('input').on('change', function() {
        $('.youtube-player').data('id', $(this).val());
});