单击时更改H3值，但显示该值
单击时更改H3值，但显示该值
提问于 2018-08-28 06:42:27
我只想在选择其中一个时将H3的值替换为p值。但当单击H3时，内容将替换为p，但p将消失。
$(".selec li p").on("click", function() {
var singleValues = $( this );
$(".years h3").html(singleValues);
console.log(this);
});<div class="years">
<h3>Year</h3>
<p>Publications for</p>
<ul class='selec'>
<li class="show"><p href='#'>2011</p></li>
<li><p href='#'>2012</p></li>
<li><p href='#'>2013</p></li>
<li><p href='#'>2014</p></li>
<li><p href='#'>2015</p></li>
<li><p href='#'>2016</p></li>
</ul>
</div>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-28 06:44:06
问题是你给了html()一个dom元素，所以它会移动它。如果你想设置文本，你可以给它一个innerHTML。
$(".selec li p").on("click", function() {
var singleValues = $( this );
$(".years h3").html(this.innerHTML);
console.log(this);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="years">
<h3>Year</h3>
<p>Publications for</p>
<ul class='selec'>
<li class="show"><p href='#'>2011</p></li>
<li><p href='#'>2012</p></li>
<li><p href='#'>2013</p></li>
<li><p href='#'>2014</p></li>
<li><p href='#'>2015</p></li>
<li><p href='#'>2016</p></li>
</ul>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52047844
复制相关文章
相似问题
腾讯云开发者
