Jquery “如何为类的所有跨度运行函数onload”；alt"；？

以下是我现在拥有的功能：

<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>.

$（文档）.ready（函数（）{
$（'.alt'）。单击（函数（）{
var index=$（this.attr（“数据文本索引”）；
var text=$.parseJSON（$（this.attr（“数据文本”））；
如果（索引==null）
指数=-1；
索引=编号（索引）+1>=文本。长度？0：编号（索引）+1；
$（this.html（文本[索引]）；
$（this）.attr（“数据文本索引”，index）；
});
});
我

问题：

---

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

非常简单，使用以下代码：

<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>

$（文档）.ready（函数（）{
$（'.alt'）。单击（函数（）{
var index=$（this.attr（“数据文本索引”）；
var text=$.parseJSON（$（this.attr（“数据文本”））；
如果（索引==null）
指数=-1；
索引=编号（索引）+1>=文本。长度？0：编号（索引）+1；
$（this.html（文本[索引]）；
$（this）.attr（“数据文本索引”，index）；
});
$（'.alt'）.click（）；//将这一行添加到代码中，它将在页面加载时执行，并执行click事件
});

非常简单，请使用以下代码：

<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>

$（文档）.ready（函数（）{
$（'.alt'）。单击（函数（）{
var index=$（this.attr（“数据文本索引”）；
var text=$.parseJSON（$（this.attr（“数据文本”））；
如果（索引==null）
指数=-1；
索引=编号（索引）+1>=文本。长度？0：编号（索引）+1；
$（this.html（文本[索引]）；
$（this）.attr（“数据文本索引”，index）；
});
$（'.alt'）.click（）；//将这一行添加到代码中，它将在页面加载时执行，并执行click事件
});

在回调.each（）调用

$（'.alt'）。each（function（）{console.log（this）；}）。单击（/*您以前的代码*/）

在回调.each（）调用

$（'.alt'）。each（function（）{console.log（this）；}）。单击（/*您以前的代码*/）

在回调.each（）调用

$（'.alt'）。each（function（）！非常感谢。你让我的生活轻松多了。如果我可以问：你知道有没有一种方法可以将用户的个性化“选择”存储在用户配置文件中，这样当用户返回页面时，即使缓存已被清除，他/她也会像以前一样看到个性化的文本？另外，我如何链接两个标记（例如，通过给它们相同的ID），这样，如果用户单击其中一个，它们都会循环到各自数据文本索引中的下一个选项？@BradHubisz我认为，你的问题太大了，你需要解释一下。所以你能在我的博客上发表你的问题吗？我会全力支持你的。好的，刚刚发布到你的博客上，谢谢！注意：示例文本没有出现在我的评论中，但我想你还是会明白的。是的！非常感谢。你让我的生活轻松多了。如果我可以问：你知道有没有一种方法可以将用户的个性化“选择”存储在用户配置文件中，这样当用户返回页面时，即使缓存已被清除，他/她也会像以前一样看到个性化的文本？另外，我如何链接两个标记（例如，通过给它们相同的ID），这样，如果用户单击其中一个，它们都会循环到各自数据文本索引中的下一个选项？@BradHubisz我认为，你的问题太大了，你需要解释一下。所以你能在我的博客上发表你的问题吗？我会全力支持你的。好的，刚刚发布到你的博客上，谢谢！注意：示例文本没有出现在我的评论中，但我想你还是会明白的。