Javascript 如何使用jQuery检索html内容并将其显示在别处？

我正在做一个提高个人技能的项目，这是一个简单的网络日历。我对jQuery相当陌生，所以我做这个项目是为了提高我的jQuery技能。我想详细解释一下我在做什么，这样你就会明白我的问题是什么

我有31个h1，里面有跨距，通过jQuery获取内容

<h1 class="number"><span></span></h1> *31

var date = 1;
$('.number').each(function() {
    $(this).find('span').html(date);
    date++;
});

现在我在页面的其他地方有一个不同的h1（#big_date），我想输入所选日期，即当我在列表中选择第12个时，我希望#big_date显示12。我该怎么做？ 提前谢谢你的帮助

您可以使用：

$（'.number'）。单击（函数（）{
$（此）.toggleClass（“选定”）
.兄弟姐妹（'.selected'）。removeClass（“selected”）；
$（'big#u date'）.text（$（'selected'）.text（））；
});
body{font-family:Arial，Helvetica，sans-serif}big#u date{background:#1d89fd；高度：1.2em；行高：1.3em；文本对齐：中间；宽度：2em；颜色：#fff}。编号{显示：内联块；边距：0；宽度：1.5em；高度：1.5em；行高：1.5em；文本对齐：中心；填充：.5em；字体大小：16px；边框：1px实心#ddd；光标：指针；-webkit转换：all.15s ease；-moz转换：all.15s ease；转换：all.15s ease}。编号：hover{背景：#eee}。选中的{背景：#555！重要；颜色：#fff}。选中的：hover:{背景：#666！重要；}
1234567891011213141516171819202122232425262728293031
这是答案..应该检查
$('.number').click(function() {
    $(this).toggleClass("selected")
        .siblings('.selected').removeClass("selected");
});