獲取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中的串聯。