Javascript 单击时更改H3值，但该值会显示

我只想在选择其中一个时，将H3的值替换为p值。 但当点击H3时，内容被替换为p，但p消失

$（.selec li p”）。在（“单击”，函数（）上{
var singleValues=$（此值）；
$（“.years h3”）.html（单值）；
console.log（this）；
});

年
出版物


2011年

2012年
2013年
2014年
2015年
2016年

问题是您正在给
html（）
一个dom元素，所以它将移动它。如果要设置文本，只需为其指定innerHTML即可


$（.selec li p”）。在（“单击”，函数（）上{
var singleValues=$（此值）；
$（“.years h3”）.html（this.innerHTML）；
console.log（this）；
});

年
出版物


2011年

2012年
2013年
2014年
2015年
2016年