ajax - 使用 API 忽略 AJAX 模板中的单词

Question

我正在使用 api 创建测验。从应用程序 Loopcam 获取 gif 然后将循环标题放入 div #answer 的代码如下所示：

APP = {
  refresh: function(limit, interval) {
    APP.index(limit);
    setInterval(function () {APP.index(limit)}, interval)
  },
  index: function(limit) {
    var url = 'https://api.loopc.am/v1/loops/search?q=moviecharades'

    $.ajax({
      url: url,
      dataType: "json",
      success: function(data) {
        var data = data
          , html
          , templatedata
          , template = '{{#loops}}<div id="answer">{{title}}</div><div class="loop-tumbnail"><img src="{{file_url}}" {{loop_url}}/></div>{{/loops}}'
          , offset = Math.round(Math.random() * (data.length - 1))
          
       TITLE = data[0].title
          console.log(offset)

        if (data.length > 0) {
          data = data.slice(offset, offset + limit);

          templatedata = {loops: data}
          html = Mustache.to_html(template, templatedata)

          $('#loops').html(html)
        }
      }
    })

我需要的是从 div #answer 中删除的单词“#moviecharades”，它始终位于从 API 获取的标题中。简而言之：如果获取的标题是“#moviecharades big fish”，我希望它在#answer-div 中只显示“big fish”。

我试图将其作为#answer-div 的规则，例如：

$("#answer").text($("#answer").text().replace("#moviecharades", ""));

但它不起作用...

Answer 1

尝试这个：

var answerText = $("#answer").text();
$("#answer").text( answerText.replace("#moviecharades", ""));

希望有帮助。