使用 javascript 动态更改按钮的文本

Question

我有一个下拉列表，其中包含 5 个元素，按下时会显示在按钮内。 现在，按钮获取选定选项卡的值，但我希望它在该值之前有一个默认文本；此文本应为“过滤依据：”值。而且我还需要显示插入符号...有什么想法可以让它工作吗？

HTML：

<div class='filtering_options dropdown'>
  <button class="btn bet-filter btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Filter by:
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu CHECK-HEIGHT" aria-labelledby="dropdownMenu1">
    <li><a href='#brzn/yolo/all' class='btn btn-filter all' data-filter='all'>{{translate 'bets_filter_all'}}</a></li>
    <li><a href='#brzn/yolo/open' class='btn btn-filter open' data-filter='open'>{{translate 'bets_filter_open'}}</a></li>
    <li><a href='#brzn/yolo/closed' class='btn btn-filter closed' data-filter='closed'>{{translate 'bets_filter_closed'}}</a></li>
    <li><a href='#brzn/yolo/pending' class='btn btn-filter pending' data-filter='pending'>{{translate 'bets_filter_ended'}}</a></li>
    <li><a href='#brzn/yolo/resolved' class='btn btn-filter resolved' data-filter='resolved'>{{translate 'bets_filter_resolved'}}</a></li>
  </ul>
</div>

带有咖啡脚本的 JS：

  filter: (filter)->
    # set default values for the filter
    if _.isEmpty(filter)
      filter = @default_filter
    if filter.dir
      filter.dir = parseInt(filter.dir) || 0
    if !(filter.status in ['all', 'open', 'closed', 'pending', 'resolved'])
      filter.status = 'all'
    prev_filter = @filter_options
    @filter_options = _.extend({}, @default_filter, filter)
    if _.isEqual(@filter_options, prev_filter)
      return
    @update_comments(@filter_options)
    @$('.btn-filter.active').not(".btn-filter.#{filter.status}").removeClass('active')
    @$(".btn-filter.#{filter.status}").addClass('active')
    @$(".bet-filter").text(filter.status)

Answer 1

自己找到了解决办法：

1. 为“过滤依据”创建了新翻译
2. 将此翻译与值连接

@$(".bet-filter").text((@app.translate('filter_by')) + (filter.status))