Javascript jQuery将数据属性添加到代码元素中的元素

早上好

我有一个小问题，不能再进一步了。 在我的页面上有一个代码字段：

上面有一个输入“颜色”，用户可以在其中更改按钮的颜色。 现在，我想将所选颜色作为数据属性放置在iFrame中：

$（“#按钮颜色选择器”）。在（'change'，function（）上{
$（'#inlineIframe'）.data（'buttoncolor'，$（this.val（））
});

但是函数不是这样工作的

编辑 好啊 这就是我在代码字段中填写输入的方式。它将由页面加载填充

var embeddedInline='Jetzt buchen'；
$（'#embeddedCodeInline'）.empty（）.append（35;.escape（embeddedInline））；

iframe中的网页不支持jQuery（未链接到此处）。尝试打开网站，并在控制台中使用一些jQuery代码

这就是为什么，您必须使用JavaScript来实现这一点：

$（“#按钮颜色选择器”）。在（'change'，function（）上{
document.querySelector（“#inlineIframe”）.dataset.buttoncolor=$（this.val（）；
});



在此处键入：

您可以尝试使用

$（“#inlineIframe”）.attr（'data-buttoncolor'，$（this.val（））

您可以构建一个新的应用程序吗？考虑到目前为止发布的内容，这看起来应该是可行的。“但函数不是这样工作的。”不是错误描述。准确点。不，不要说“好吧，我没说”，那没用。编辑您的问题以显示您实际拥有的内容……因此，如果我理解正确，您有一个包含文本的

元素（碰巧与HTML代码类似）？您想通过在jQuery中设置属性来更新此文本吗？恐怕不是这样的。毕竟，它是文本，不是HTML。如果要修改它，请像文本一样修改它：准备一个带有占位符的模板字符串，并用实际值替换该占位符，然后用新值更新
的
.text（）
。