为.map（）值指定类

Question

例如，我有如下函数：

OrSovSKeyword = $('.OrsovWord').map(function() {
    // get text 
     return $(this).text()
    // get result as array
).get();

我想为它生成的每个结果分配类，因此我使用了它：

 OrSovSKeyword = $('.OrsovWord').map(function() {
    // get text 
     return <span class="123"> $(this).text() </span>
    // get result as array
).get();

但是在我的代码中返回类似下面的内容：

你可以看到中间有两个\让我可以通过获取它的类来访问该元素，我该如何修复它？

更新

var sovName = $("#input_SovName_Adv").val();
var sovSKeyword = "";

OrSovSKeyword = $('.OrsovWord').map(function() {
    return  '<span class="Or">' + $(this).text() + '</span>'
}).get();

AndSovSKeyword = $('.AndsovWord').map(function() {
    return  '<span class="And">' + $(this).text() + '</span>'
}).get();

$("#insertedNewSov").append('<tr>' +
    '<td class="sovNames">' + sovName + '</td>' +
    '<td class="sovKeywordArr">' + JSON.stringify(AndSovSKeyword).replace(/\[/g,'').replace(/\]/g,'').replace(/\"/g,'') + ',' +  JSON.stringify(OrSovSKeyword).replace(/\[/g,'').replace(/\]/g,'').replace(/\"/g,'') + '<p class="right"><i class="fa fa-times removeRow" aria-hidden="true" style="color: red;"></i></p></td>' +
'</tr>');           

Answer 1

问题是因为你在将数据附加到DOM之前在数组上使用JSON.stringify - 因此奇怪的格式化。你需要join()他们在一起。试试这个：

$("#insertedNewSov").append('<tr>' +
    '<td class="sovNames">' + sovName + '</td>' +
    '<td class="sovKeywordArr">' + AndSovSKeyword.join('') + ',' + OrSovSKeyword.join('') + '<p class="right"><i class="fa fa-times removeRow" aria-hidden="true" style="color: red;"></i></p></td>' +
'</tr>');