根据ID

时间:2017-08-10 18:22:48

标签: jquery

<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(&#39; id&#39;)可以在点击功能中实现,但是在某些地方确实可以在外面执行该功能,因为我需要它在页面加载上运行

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

试试这个

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

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