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

Question

我正在将 p 标记内的文本值设置为通过拆分解析出的字符串。当我提醒变量时，我能够看到文本，但是当我尝试将文本设置为变量值时，我看不到任何变化。如何编辑此代码以将 #view_head 中的文本设置为我在 $('#view_head').text(//variable here//)?

中传递的变量

代码

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

Answer 1

String.split() returns 一个数组，.text() 等待 Type: String or Number or Boolean. - http://api.jquery.com/text/

尝试获取它 $('#view_head').text(key_string.toString()); 或 $('#view_head').text(key_string[0]); 如果您要查找的数据在第一个数组元素中。

Answer 2

如果 text() 不起作用，也许您可以尝试 val() 或 html()

Answer 3

Using String.split() returns 一个 Array 对象，您不能将其作为文本插入到 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()

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

Setting text within p tag with js variable

javascript

jquery

dom

string-split