Question

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

点击＆＃34;列表2＆＃34; ＆＃34;文本2＆＃34;出现在带有一类消息的段落中。当点击＆＃34;文本3＆＃34;时，＆＃34;文本3＆＃34;而是出现等等。

它具有挑战性，因为您不会显示实际的列表文本，而是来自其他地方的另一个文本！有什么想法吗？非常感谢你帮助我:)。

<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>

Answer 1

你是说这个意思吗？

＆＃13;

var paragraphs = $('p').not('.message');

$('li').on('click', function(e) {
  var i = $(e.target).index();
  $('.message').html($(paragraphs[i]).html());
});

＆＃13;

<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>

＆＃13;

如何使用jquery完成此任务？

1 个答案: