Question

我正在尝试从JSON获取详细信息并获得成功，但是当我尝试隐藏电话号码元素时默认显示并使用onclick按钮显示，它只适用于第一个Doctor DIV，但不是全部的div ..

我想默认隐藏手机号码，用户点击按钮即可显示它？

      <div class="page-wrap">
    <h1>Handlebars Tutorial</h1>
    <div id="docs-container"></div>
  </div>

  <script id="docsTemplate" type="text/x-handlebars-template">
  {{#each doctors}}
    <div class="pet">
      <div class="photo-column">
        <img src="{{Image}}">
      </div>
      <div class="info-column">
        <h2>{{DoctorName}}</h2>
  <p>Designation: {{Qualification}}</p>
        <p id="tohide">Phone: {{Phone}}</p>
      </div>
    </div>
  {{/each}}
  </script>

我怎样才能使这成为可能，这是我试图用Live Example实现的小提琴

Answer 1

我的代码中没有看到任何按钮。看到这个例子，你可以修改它。

$('.btn_phn').on('click', function(){
    $(this).prev('.tohide').show();
})

https://jsfiddle.net/45fs64p2/4/

Handlebars的问题隐藏/显示按钮onclick

1 个答案: