Javascript 通过jQuery添加内部元素

我正在使用

jquery3

，我想添加一个带有样式的内部

span

-标记

var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）+“]”
});
$elem[0]。innerText=dataArr[0]
console.log（$elem[0]）
//需要输出：test1

---

正如我在评论部分所提到的，也许可以使用

html（）

附加已经找到的

span

。类似于使用

innerHTML

关于，请阅读文档：

设置匹配元素集中每个元素的HTML内容

工作示例：

var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）+“]”
});
$（$elem[0]）.html（`${dataArr[0]}`）；
console.log（$elem[0]）；
log（$elem[0].innerHTML）
正如我在评论部分所提到的，也许可以使用
html（）
附加已经找到的
span
。类似于使用
innerHTML

关于，请阅读文档：

设置匹配元素集中每个元素的HTML内容

工作示例：


var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）+“]”
});
$（$elem[0]）.html（`${dataArr[0]}`）；
console.log（$elem[0]）；
log（$elem[0].innerHTML）
您可以以相同的方式继续，并使用
html
属性传递内部元素


var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）.trim（）+”]，
“html”：$（“”{
“文本”：dataArr[0]，
“css”：{
背景颜色：“黄色”
}
})
});
//没有空间
console.log（$elem[0].outerHTML）
//有空格
log（`${$elem[0].outerHTML}`）
您可以以相同的方式继续，并使用
html
属性传递内部元素


var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）.trim（）+”]，
“html”：$（“”{
“文本”：dataArr[0]，
“css”：{
背景颜色：“黄色”
}
})
});
//没有空间
console.log（$elem[0].outerHTML）
//有空格
log（`${$elem[0].outerHTML}`）

var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）+“]”
});
变量$innerElem=$（''+dataArr[0]+''）.css({
背景颜色：“黄色”
})
$elem.append（$innerElem）；
console.log（$elem[0].outerHTML）

var data=“test1、test2、test3”；
var dataArr=data.split（'，'）；
var restArr=dataArr.slice（1）；
变量$elem=$（''{
“数据函数”：“addSynonym”，
“数据选项”：“[”+restArr.join（“，”）+“]”
});
变量$innerElem=$（''+dataArr[0]+''）.css({
背景颜色：“黄色”
})
$elem.append（$innerElem）；
console.log（$elem[0].outerHTML）
我想您可以在
span
您已经编辑的内容上使用
innerHTML
来添加内部元素。
$elem.append（$（''，{…}））
我想你可以使用
innerHTML
对你已经编辑的内容添加内部元素谢谢你的回复！如何在外部元素添加额外空间？谢谢您的回复！如何在外部元素添加额外的空间？在创建节点时，是否也可以添加空间？否，在创建节点时，从节点及其内部内容开始，因此不能在其外部添加内容。您可以添加另一个包装器节点，并将`${$elem[0].outerHTML}`用于其html。在创建节点时，是否也可以添加空格？不，在创建节点时，您从节点及其内部内容开始，因此不能在其外部添加内容。您可以添加另一个包装器节点，并将`${$elem[0].outerHTML}`用于其html。