Question

我正在使用spotify网络API并下载了有关获取用户播放列表的教程。那部分完美无缺。但是我已经将跟踪ID添加到表中，现在我想在单击特定的tablerow时将其存储在变量中。这是spotifys代码的id部分：

  <script id="playlist-detail-template" type="text/x-handlebars-template">
      <h2>{{name}}</h2>
      <p>{{{description}}}</p>
      {{#if images.length}}
      <img style="background-image:url({{images.0.url}})" class="cover"/>
      {{/if}}
      <table id="clickable">
          <tr>
              <th>Track</th>
              <th>Artist</th>
              <th>Album</th>
              <th>Track URI</th>
          </tr>
      {{#each tracks.items}}
          <tr >
              <td>{{track.name}}</td>
              <td>
                  {{#each track.artists}}
                      {{name}}
                  {{/each}}
              </td>
              <td>{{track.album.name}}</td>
              <td class="trackID">{{track.uri}}</td>
          </tr>
      {{/each}}
      </table>
  </script>

这是我提取id的代码：

$( document ).ready(function(){
    $('#clickable tr').click(function() {
        console.log('Function executed');
        var trackID = $(this).find('.trackID').text();
        console.log(trackID);
    });
});

提取代码完美无缺，因为我已经在自己制作的桌子上尝试过了。但是当我点击时绝对没有任何反应。它甚至不记录执行的功能＆＃39;部分。我猜它是因为它是我以前从未见过的一些脚本模板，但我不知道如何解决它。有人有任何想法吗？

Answer 1

试试这个：

$( document ).ready(function(){
    $('#clickable tr').each(function() {
        console.log('Function executed');
        var trackID = $(this).find('.trackID').html();
        console.log(trackID);
    });
});

获取spotify模板中的td元素的内容

1 个答案: