jquery - 如何为“alt”类的所有跨度运行函数 onload？

Question

这是我现在拥有的功能：

<script>
$(document).ready(function() {
 $('.alt').click(function() {
       var index=   $(this).attr("data-text-index");
     var text = $.parseJSON($(this).attr("data-text"));
     if(index== null)
         index = -1;
     index = Number(index)+1>=text.length? 0:Number(index)+1;
     $(this).html(text[index]);
     $(this).attr("data-text-index",index);
  });
});
</script>

I <i class="alt" data-text='["like","love"]'></i> <i class="alt" data-text='["her","you"]'></i>.

问题：

我如何在页面加载时为类“alt”的每个标签运行此函数，并使用其第一个数据文本选项填充它，从而产生文本“我喜欢她”，同时保留更改单个单词“like”的能力”或“她”点击？

Answer 1

很简单，使用下面的代码：

<script>
$(document).ready(function() {
 $('.alt').click(function() {
       var index=   $(this).attr("data-text-index");
     var text = $.parseJSON($(this).attr("data-text"));
     if(index== null)
         index = -1;
     index = Number(index)+1>=text.length? 0:Number(index)+1;
     $(this).html(text[index]);
     $(this).attr("data-text-index",index);
  });
  $('.alt').click(); //add this line in your code it will execute on page load and perform the click event
});
</script>