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>