获取JQuery数据-包含带空格的值

Question

我有两个功能：在第一个功能中，我使用JQuery设置data-file_name属性：

 "<input type=\"image\" + " data-file_name=" + result.fileName/>"

效果很好，但是当我尝试从第二个函数中检索该值（如果data-file_name value包含空格）时，我只会得到第一个单词（例如，如果data-file_name= "The book blue"我只会得到The ，如果data-file_name = "Red Dragon"我刚上第二个函数Red它在找到空格时就会停止...）这是我在第二个函数中检索值的方式：

var fileName = $(this).data("file_name");

所以fileName variable将不会获得真实值，因为它不包含空格后面的任何内容，我应该使用哪种方式来检索包含空格和所有内容的完整值？

Answer 1

存在串联问题。

用这个替换

"<input type=\"image\" data-file_name=\"" + result.fileName + "\" />"

Answer 2

您所创建的语法无效。

// Invalid Syntax:
<input type="image" data-red dragon="" />

当您通过服务器进行模板化甚至生成此输入时，标记的data属性上不能有空格。 虽然它允许一些自定义。 空格失败的原因是因为它会将“红色”隐藏到您的数据属性中，然后将“龙”视为另一个属性。

本质上，这是在创建：

<input type="image" data-red="" dragon="" />
<input type="image" data-red="" />

两者都不是您想要的。 您需要删除空间以正确构建该数据属性。 您的另一个选择是将文件名作为值而不是data属性。 例如：

<input type="image" data-filename="@FileName" />

显然，您将使用任何方法来生成我放置@FileName 。 另外，您可以使用单引号，然后在物理上使用双引号来帮助简化JavaScript中的串联。