使用模板文字使用javascript为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

我需要分配正在使用java脚本创建的div的title属性 我面临的问题是,当标题包含多个用空格分隔的单词时,示例代码是

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你只能选择一个被接受的答案,但你似乎正在检查几个答案。请选择一个你认为最能回答你问题的答案。