根據編號改變段落文本

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，第二個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); 
} 
})