使用js变量在p标记内设置文本

时间:2015-11-04 15:57:25

标签: javascript jquery dom string-split

我正在将p标签中的文本值设置为通过拆分解析出来的字符串。当我提醒变量时,我能够看到文本,但是当我尝试将文本设置为变量值时,我无法看到变化。如何编辑此代码以将#view_head中的文本设置为我在$('#view_head')中传递的变量.text(//变量//这里//)?

代码

 $(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';
    });

3 个答案:

答案 0 :(得分: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]);

答案 1 :(得分:0)

如果text()不起作用,也许你可以试试val()或html()

答案 2 :(得分:0)

使用String .split()返回一个Array对象,您无法将其作为文本插入HTML元素。要从可以插入HTML元素的Array创建String,请使用Array .join()方法。 EG。

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()