2015-11-04 236 views
-2

我正在將p標籤內的文本值設置爲通過拆分解析出的字符串。當我提醒變量時,我能夠看到文本,但是當我嘗試將文本設置爲變量值時,我無法看到變化。如何編輯此代碼以將#view_head中的文本設置爲在$('#view_head')中傳遞的變量。text(// variable here //)?使用js變量設置p標籤內的文本

代碼

$(edit_but).click(function(e){ //on add input button click 
     //e.preventDefault(); 
     //uses set input data to create variables for use in editor 
     var master_string = $('#string_text').text(); 
     var key_string = master_string.split("|m|"); 
     var name_string = key_string[0].split("|s|"); 
     var cont_string = key_string[1].split("|s|");//contains contact variables 
     var adr_string = key_string[2].split("|s|"); 
     var qual_string = key_string[3].split("|s|");//contains description and applying for blob text 
     var pos_key_string = key_string[4].split("|s|"); 
     var edu_key_string = key_string[5].split("|s|");//key string to contain edu strings 
     var course_key_string = key_string[6].split("|s|"); 
     var awd_key_string = key_string[7].split("|s|"); 
     var skill_key_string = key_string[8].split("|s|"); 
     var count_key_string =''; 


     var pos_string = pos_key_string[0].split("|j|"); 

     alert (pos_key_string); //working 
     alert (name_string); 
     $('#view_head').text(key_string); //not working, does not change 
     alert (key_string); //working, can see value in alert for both 


     //window.location = '#openModal'; 
    }); 
+0

使用代碼編輯器來創建一個實際的例子。現在我們只是猜測。您正在警告pos_key_string,但在文本()中使用key_string。你有'id =「view_head」'的標籤嗎? – mplungjan

+0

是的,我有一個帶有「view_head」的p標籤,我試圖將該標籤中的文本內容設置爲在JavaScript中找到的變量。他們警報正常,但js不會更改p標籤內的文本。 – trecoolable

+1

'String.split()'返回一個數組,'text()'等待'Type:String或Number或者Boolean'。嘗試使它成爲'$('#view_head')。text(key_string.toString());' –

回答

1

String.split()返回一個數組,並.text()等待Type: String or Number or Boolean. - http://api.jquery.com/text/

設法得到它$('#view_head').text(key_string.toString());$('#view_head').text(key_string[0]);如果數據,您正在尋找的是在第一個數組元素。

0

如果文本()不工作,也許你可以嘗試VAL()或HTML()

0

使用字符串.split()返回數組對象,你不能插入到一個HTML元素的文本。要從可插入到HTML元素的數組中創建一個字符串,請使用Array .join()方法。例如。

var sample_string = "This is a String"; 

// split at spaces into an Array 
var sample_array = sample_string.split(' '); 
//--> ['This','is','a','String'] 

// join with spaces into a String 
var another_string = sample_array.join(' '); 
//--> "This is a String" 

見MDN:String.prototype.split() & Array.prototype.join()