Javascript 为同一类提供唯一标识符以停止代码重复

我有这个JS代码

<script>          
$('.tile').on('click', function () {

    $(".tile").addClass("flipOutX");
    setTimeout(function(){
        $('.metro .tile-area-darkCrimson').css('backgroundColor','#4c7fb5');
        $(".tile-group.main").css({ marginLeft:"-40px", width: "1080px"}).load("musability-musictherapy-company-overview.html");
    }, 2000);

});
</script>

---

使用$this，它仅适用于您单击的元素

$'.tile'。单击，函数{ $this.addClassflipOutX； setTimeoutfunction{ $'.metro.tile area darkCrimson'.css'backgroundColor'，'4c7fb5'； $.tile-group.main.css{ 边缘左侧：-40px， 宽度：1080px }.loadmusability-musictherapy-company-overview.html； }, 2000;

---

};通过重复此脚本，您是指$.tile.addClassflipOutX；？$。tile.addClassflipOutX；->$this.addClassflipOutX；目前，我希望重复整个脚本，但将.tile改为.tile2.tile3等，不同之处在于加载的内容类型。谢谢。。。。但是，如果我要对不同的按钮使用不同的加载，我仍然需要唯一地识别它们？然后您可以给它们一个ID。我不确定是否理解您的问题。也许你可以加一把小提琴，告诉我们你想要达到什么？不，你是对的，我需要给他们一个id，这样他们就保留了他们的瓷砖属性，但也是独一无二的。。。我该如何给他们一个id？你可以同时添加一个类和一个id，就像这样，我该如何在javascript中引用它。。。会是.tile.bg-tile1颜色吗

<a class="tile double bg-tile1color live animated flipInX" data-click="transform">