Question

我在haml中有一个html元素，如下所示：

= select_tag 'release_version', options_for_select(major_releases(@releases)), include_blank: 'All', style: 'max-width: 30%', data: { releases: @releases }

@releases变量是一个带有一堆发布对象的活动记录关系对象。

在我的coffeefile中，我有这段代码：

$('#release_version').on 'change', ->
  selVal = $('#release_version').val()
  release_html_selector = document.getElementById('release_version')
  release_objects = release_html_selector.dataset.releases
  filtered_releases = release_objects.filter((item) ->
    ///^#{selVal}///.test item.version
  )

当代码尝试执行时，我收到此错误：

application.js：35397未捕获TypeError：release_objects.filter不是函数

当我用alert检查元素时，对象看起来像这样：

[{
    "id":398,
    "kb_release_id":"vwu3jiwk86",
    "released_on":"2009-05-15T00:00:00.000Z",
    "version":"2.1.1",
    "created_at":"2016-09-15T20:36:42.831Z",
    "updated_at":"2016-09-15T20:36:42.831Z"},
    {},
    {},
etc....]

这是一个可迭代的数据结构。我在这里找不到什么东西？

Answer 1

数据实际上可能是JSON字符串而不是数组

尝试将其解析为json

release_objects = JSON.parse(release_html_selector.dataset.releases)

为什么我不能用javascript迭代保存在html数据选择器上的这个数组？

1 个答案: