如何用jquery完成此任務？

Question

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

當你點擊「列表2」時，「文本2」出現在帶有一類消息的段落中。而當點擊「文字3」時，會出現「文字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> 

Answer 1

你的意思是？

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>