如何在每个类中找到href属性？

Question

我正在尝试创建一个应用程序,而它通过一个网页运行并找到一个href属性,但是现在我想找到href属性,并提醒我链接.

我是JQuery的新手,但我试图通过Fiddle运行以下内容,但我似乎无法让它运行:

   $('soundTitle__tag sc-tag sc-tag-small').on("click", function() {
      var self = $(this);
      var link = self.find("a").attr('href');
      alert(link);
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="link-redirect">
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">1</a>
      </div>
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">2</a>
      </div>
</div>

Answer 1

<div class="link-redirect">
  <div class="soundTitle__tagContainer">
    <a class="soundTitle__tag sc-tag sc-tag-small" href="/home"></a>
  </div>
  <div class="soundTitle__tagContainer">
    <a class="soundTitle__tag sc-tag sc-tag-small" href="/home"></a>
  </div>

当你点击soundTitle__tagContainer时,它会找到最近的锚标签

 $('.soundTitle__tagContainer').on("click", function() {
      var self = $(this);
      var link = self.find("a").attr('href');
      alert(link);
    })