如何使用javascript/jQuery显示特定div中的内容

我想在页面加载时显示特定div中的内容。这是我的代码：

$（文档）.ready（函数（）{
$（'.pbox:gt（0）'）.hide（）；
$（'#按钮'）。在（'click'，'a'，函数（）{
$（'.current'）。不是（$（this.closest（'li'）。addClass（'current'））。removeClass（'current'）；
$（'.pbox:visible'）.hide（600）；
$（'.pbox[id='+$（this.attr（'data-id'）+']）.show（600）；
});
});
.current{
背景颜色：红色
}



一个


两个


三


四


内容1
内容2
内容3
内容4
如果您需要显示链接处于活动状态的内容，可以使用下面的代码进行显示

$.fn.pageLoad = function() {
  const currentId = $('li.current>a').data('id');
  $('.pbox:visible').hide(600);
  $('.pbox[id=' + currentId + ']').show(600);
}


$('document').pageLoad();

只需创建任何加载函数，关闭所有pbox，找到当前li>a id并打开它。如果您的内容加载缓慢，您还可以添加
setTimeout
。
对不起，您可以进一步澄清您的问题吗？@daremachine，我想显示内容4中的内容，当前它显示来自div 1i的内容如果是按钮，为什么要使用a标签而不是
-tag？