首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >单击时更改H3值,但显示该值

单击时更改H3值,但显示该值
EN

Stack Overflow用户
提问于 2018-08-28 06:42:27
回答 1查看 58关注 0票数 0

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

代码语言:javascript
复制
    $(".selec li p").on("click", function() {
    	var singleValues =  $( this );
      $(".years h3").html(singleValues);
      console.log(this);

    });
代码语言:javascript
复制
<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>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-28 06:44:06

问题是你给了html()一个dom元素,所以它会移动它。如果你想设置文本,你可以给它一个innerHTML。

代码语言:javascript
复制
$(".selec li p").on("click", function() {
    	var singleValues =  $( this );
      $(".years h3").html(this.innerHTML);
      console.log(this);

    });
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52047844

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档