使用模板文字使用javascript为title属性赋值
我需要分配正在使用java脚本创建的div的title属性 我面临的问题是,当标题包含多个用空格分隔的单词时,示例代码是使用模板文字使用javascript为title属性赋值,javascript,jquery,node.js,ecmascript-6,Javascript,Jquery,Node.js,Ecmascript 6,我需要分配正在使用java脚本创建的div的title属性 我面临的问题是,当标题包含多个用空格分隔的单词时,示例代码是 let value = "example value to display"; $("#parentDiv").append(`<div title=${value}> ${value}</div>`); let value=“要显示的示例值”; $(“#parentDiv”).append(`value}`); 我得到的结果是 <div t
let value = "example value to display";
$("#parentDiv").append(`<div title=${value}> ${value}</div>`);
let value=“要显示的示例值”;
$(“#parentDiv”).append(`value}`);
我得到的结果是
<div title="example" value to display> example value to display</div>
要显示的示例值
我不确定问题是什么,很可能模板文字假定空格是字符串的结尾,任何人都有解决方案,请帮助在标题值周围添加引号(“
或”
),因为标题值包含空格
let value=“要显示的示例值”;
$(“#parentDiv”).append(`${value}`);
在标题值周围添加引号(“
或”
),因为标题值包含空格
let value=“要显示的示例值”;
$(“#parentDiv”).append(`value}`)代码>
包含空格或其他非字母数字字符的属性必须用“
或”
括起来:
let value=“要显示的示例值”;
$(“#parentDiv”).append(`${value}`);
包含空格或其他非字母数字字符的属性必须用“
或”
括起来:
let value=“要显示的示例值”;
$(“#parentDiv”).append(`value}`)代码>
您的模板标题属性中缺少双引号
let value = "example value to display";
$("#parentDiv").append(`<div title="${value}"> ${value}</div>`);
let value=“要显示的示例值”;
$(“#parentDiv”).append(`value}`);
您的模板标题属性中缺少双引号
let value = "example value to display";
$("#parentDiv").append(`<div title="${value}"> ${value}</div>`);
let value=“要显示的示例值”;
$(“#parentDiv”).append(`value}`);
结果是要显示的示例值。这是因为根本没有双引号
它应该是:
$("#parentDiv").append(`<div title="${value}"> ${value}</div>`);
$(“#parentDiv”).append(`${value}`);
结果是要显示的示例值。这是因为根本没有双引号
它应该是:
$("#parentDiv").append(`<div title="${value}"> ${value}</div>`);
$(“#parentDiv”).append(`${value}`);
我在这整篇文章中没有看到模板文字。模板文字用回号“`”括起来。很抱歉,在stackoverflow中,当我添加回号时,它会自动检测为代码。您需要在stackoverflow上使用4个空格的缩进来设置代码格式。现在可以了……我在这整篇文章中没有看到模板文字post.Template文本包含back ticks``。很抱歉,在stackoverflow中,当我添加backticks时,它会自动检测为code。您需要在stackoverflow上使用4空间缩进进行代码格式化。现在,使用DOM方法(或jQuery)可以使用…+1。与使用DOM方法(或jQuery)的模板插值+1不同,这将负责正确的转义。这将负责正确的转义,与模板插值不同。@HariGopal您只能选择一个接受的答案,但您似乎正在检查多个答案。请选择一个你认为最能回答你问题的答案。@HariGopal你只能选择一个被接受的答案,但你似乎正在检查几个答案。请选择一个你认为最能回答你问题的答案。