段落のテキストをidに基づいて変更する

Question

<ul> 
    <li> 
     <p id="1"></p> 
    </li> 
    <li> 
     <p id="2"></p> 
    </li> 
    <li> 
     <p id="3"></p> 
    </li> 
</ul> 

for(var i = 0; i<3; i++) { 

var msg = "hello" + i; 
$('ul li p').text(msg); 
} 

段落のIDで値をシフトする変数を作成します。意味は、最初のpはhello1、second hello2などと言うでしょう。$（this）.attr（ 'id'）を使ってクリック機能で可能ですが、その関数の外ではやっています。それは

Answer 1

使用して、ページのロード時にこのコードを実行する必要があります。

$(document).ready(function(){ 
 
    $('ul li p').each(function(index) { 
 
    var msg = "hello" + $(this).attr('id'); 
 
    $(this).text(msg); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li> 
 
     <p id="1"></p> 
 
    </li> 
 
    <li> 
 
     <p id="2"></p> 
 
    </li> 
 
    <li> 
 
     <p id="3"></p> 
 
    </li> 
 
</ul>

Answer 2

この

$(function(){ 
for(var i = 0; i<3; i++) { 

var msg = "hello" + i; 
$('ul li p').text(msg); 
} 
})