Question

我正在尝试建立一个“自动切换”。我的计划是用循环来做。到目前为止，<div class="translaterBox"> <span ng-repeat="text in textWords track by $index" id="{{text}}" class="container"> {{text + " "}} <div id="{{text + 'commentB'}}" class="comment-box"> <h4 class="title">{{text}}</h4> <div class="form-group"> <textarea class="form-control" id="exampleTextarea" rows="3"></textarea> </div> </div> </span> </div>仍有效，但我无法进一步了解切换动画。

{{1}}

{{1}}

Answer 1

这里的逻辑是很多比它需要的更复杂。由于您已经在使用jQuery，因此您可以简单地使用重复元素上的类来标识它们，然后在单击处理程序中使用DOM遍历来查找和修改相关元素。试试这个：

<div class="translaterBox">
  <span ng-repeat="text in textWords track by $index" id="{{text}}" class="container">
    {{text + " "}}
    <div id="{{text + 'commentB'}}" class="comment-box">
      <h4 class="title">{{text}}</h4>
      <div class="form-group">
        <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
      </div>
    </div>
  </span>
</div>

$(document).ready(function() {
  $('.container').click(function() {
    $(this).find('.comment-box').toggle();
  });
});

从数组中获取Id并切换它

1 个答案: