根据编号改变段落文本

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); 
} 
})