如何用jquery实现这一点

How to accomplish this with jquery?

本文关键字：这一点 实现 jquery 何用      更新时间：2023-09-26

我需要知道你将如何做以下事情:

当你点击"列表2"时，"文本2"出现在段落中，带有一类消息。当点击"text 3"时，会出现"text 3"，以此类推。

这很有挑战性，因为你没有显示实际的列表文本，而是显示来自其他地方的另一个文本!对此有什么想法吗?非常感谢你的帮助:)

<p class="message"></p>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
<p>text 1</p>
<p>text 2</p>
<p>text 3</p>

你是这个意思吗?

var paragraphs = $('p').not('.message');
$('li').on('click', function(e) {
  var i = $(e.target).index();
  $('.message').html($(paragraphs[i]).html());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="message"></p>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
<p>text 1</p>
<p>text 2</p>
<p>text 3</p>

相关文章：