使用data-toggle获取变量名，并在函数中使用该变量名

Use data-toggle to get a variable name and use that variable name in a function

本文关键字：变量名 函数 data-toggle 获取 使用      更新时间：2023-09-26

所以我试图为图像切换iframe，并使用最少的代码。

我的容器div正在使用data-toggle

<div id="my-div" data-toggle="video2">
    <div id="videocontainer">
        <img src="my-image" />
    </div>
</div>

然后在我的网站脚本文件中我使用这个…

jQuery(document).ready(function($) {
    $(function() {
        $(".my-div[data-toggle]").on("click", function(e) {
            var video2 = '<iframe src="//www.youtube.com/></iframe>'
            var slctr = $(this).data("toggle");  // get corresponding selector from data-toggle
            var innerhtml = (slctr);
            $("#videocontainer").html(innerhtml);
        });
    });
});

这将加载数据切换的内容到窗口，但不是var.不知道为什么，因为我是完全新的。

我如何使用从代码中检索到的变量来切换html，我也可以使用data-id而不是data-toggle，或者它可以是data-anything。

谢谢你的帮助

试试这个

var innerhtml = eval(slctr);

这将计算包含在变量slctr中的javascript表达式。如果该变量只包含变量的名称(如本例)，它将计算为该变量的值，(我相信)这就是您正在寻找的。

是的，你可以使用data-<anything>

相关文章：