Ember.js 余烬组件是正确的方法吗？

我尝试随机显示5个元素中的1个

如果我有以下几点：

<div class='random-houses'>
  <img src="/assets/images/houses/1.png" data-number='1'>
  <img src="/assets/images/houses/2.png" data-number='2'>
  <img src="/assets/images/houses/3.png" data-number='3'>
  <img src="/assets/images/houses/4.png" data-number='4'>
  <img src="/assets/images/houses/5.png" data-number='5'>
  <img src="/assets/images/houses/6.png" data-number='6'>
  <img src="/assets/images/houses/7.png" data-number='7'>
  <img src="/assets/images/houses/8.png" data-number='8'>
  <img src="/assets/images/houses/9.png" data-number='9'>
  <img src="/assets/images/houses/10.png" data-number='10'>
  <img src="/assets/images/houses/11.png" data-number='11'>
  <img src="/assets/images/houses/12.png" data-number='12'>
  <img src="/assets/images/houses/13.png" data-number='13'>
  <img src="/assets/images/houses/14.png" data-number='14'>
  <img src="/assets/images/houses/15.png" data-number='15'>
  <img src="/assets/images/houses/16.png" data-number='16'>
</div>

---

还有更优雅的方式吗？

我刚刚做了肩部手术，所以我不能输入一吨/只有一只手。所以它有点难看和粗糙，但它应该让你开始

export default Ember.Component.extend({
  classNames: ['random-house'],
  attributeBindings: ['style'],
  didInsertElement: function() {
    var number = Math.ceil(Math.random() * 10);
    $("[data-number='" + number + "']").show();
  }
});