将 html 文本字段解析为 javascript

Question

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

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

我可以用文本字段更改 "VIDEO" 吗？

我有一个 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);
}

第一次忘记了post。

Answer 1

解析：

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

变更内容：

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

您想如何更改它 - 根据您的选择，使用 select 或文本字段

您必须添加输入

<input type="text">

还有这个jQuery代码

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

将 html 文本字段解析为 javascript

parse html textfield to javascript

html

javascript

youtube

parsing