函数中两个标签的选择器。 find（）JQUERY / Javascript

Question

我有以下脚本

 var code = $('textarea[name=message]').val();


if ($('#output').length < 1) {
    $("body").append('<h2>Output</h2><textarea id="output" rows="10" cols="100"></textarea>');
}


var object_code = $('<div/>', {
    html: code
});


object_code.find('value').append("box").html(function (idx, currentHtml) {
    return currentHtml.charAt(0).toUpperCase() + currentHtml.substr(1).toLowerCase();
});

$('#output').val(object_code.html());

在textarea输入中，我输入一些如下所示的代码：

<data>
  <value> TEXT VALUE 1</value>
</data>
<value> 
TEXT VALUE 2
</value>
<value>
 TEXT VALUE 3
</value>
<value> 
TEXT VALUE 4
</value>

它给我这个

<data>
  <value> Text Value 1</value>
</data>
<value> 
Text Value 2
</value>
<value>
 Text Value 3
</value>
<value> 
Text Value 4
</value>

他只需要在<value>标记内的<date>代码中应用我的角色。 我尝试使用此代码，但它不起作用：（

object_code.find('data value').append("box").html(function (idx, currentHtml) {
        return currentHtml.charAt(0).toUpperCase() + currentHtml.substr(1).toLowerCase();
    });

我认为这是一个简单的问题，谢谢！