循环通过未知量的跨距-JavaScript MVC

我有以下职能：

$(".Read-Showing-Comment-Cancel").live('click', function (e) {
  var guid = $(this).data("guid");
  e.preventDefault();

  var f = $('#comments-form-' + guid).slideUp();
  $('comments-text-' + guid).empty();
  $('comments-text-' + guid).value = "";
  $(this).find('.comments-form-' + guid).hide();
  $('comments-sendlink-' + guid).show();
});

$('.showComments').unbind('click').click(function (event) {
  $('.ListingDisplayOptions').hide();

  $(this).find('.comments-form-' + showGuid).show();

  var showGuid = $(this).attr('rel');
  loadShowingsComments(showGuid);
  $(this).attr('id', 'comments-sendlink-' + showGuid);

  event.preventDefault();
});

function loadShowingsComments(guid) {
  var commentTextArea = "#comments-form-" + guid;
  var commentDisplay = ".spanComments" + guid;
  var curComment = $(commentDisplay).text();
  var element = "#comments-form-" + guid;
  $(element).slideDown();
}

<script>
  function showComments() {
    var comments = document.querySelectorAll(".spanComments");
    for (var i = 0; i < comments.length; i++) {
      comments[i].innerHTML = "This is comment #" + i;
    }
  }
</script>

<a href="#" rel="@currentShowing.ShowingGUID" class="showComments noprint" id="comments-sendlink">View Comments</a>

$（“.Read显示注释取消”）.live（'click'，函数（e）{
var guid=$（this.data（“guid”）；
e、 预防默认值（）；
var f=$（'#注释形式-'+guid）.slideUp（）；
$（'comments-text-'+guid）.empty（）；
$（'comments-text-'+guid）.value=“”；
$（this.find（'.comments表单-'+guid）.hide（）；
$（'comments-sendlink-'+guid）.show（）；
});
$（'.showComments'）。取消绑定（'click'）。单击（函数（事件）{
$（'.ListingDisplayOptions'）.hide（）；
$（this）.find（'.comments表单-'+showGuid）.show（）；
var showGuid=$（this.attr（'rel'）；
loadShowingsComments（showGuid）；
$（this.attr（'id'，'comments sendlink-'+showGuid）；
event.preventDefault（）；
});
函数加载ShowingsComments（guid）{
var commentTextArea=“#注释形式-”+guid；
var commentDisplay=“.spanComments”+guid；
var curComment=$（commentDisplay）.text（）；
var element=“#注释形式-”+guid；
$（元素）.slideDown（）；
}
函数showComments（）{
var comments=document.queryselectoral（“.spanComments”）；
对于（var i=0；i

这些函数应该从我的控制器中获取信息（它已正确连接。我已经完成了这一步，它已填充了正确的信息），并将它们放置在我的span中：

<tr class="p_la" id="comments-form-@currentShowing.ShowingGUID" style="display:none;">
  <td colspan="4" style="border-right:5px solid #DDDDDD;">
    <form action="" method="post">
      <span class="spanComments" cols="100" rows="5">@string.Format("{0} / {1}", @currentShowing.Comments.DateAdded, @currentShowing.Comments.CommentsValue)</span>
      <br />
      <a href="#" class="button red Read-Showing-Comment-Cancel" data-guid="@currentShowing.ShowingGUID" rel="@currentShowing.ShowingGUID" id="comments-cancel-@currentShowing.ShowingGUID">Close</a>
    </form>
  </td>
</tr>

@string.Format（“{0}/{1}”，@currentShowing.Comments.DateAdded，@currentShowing.Comments.CommentsValue）

不幸的是，当我点击我的超链接时，它只会用第一个跨距的信息填充第一个跨距。对于第一个跨距来说效果很好，但是当你点击第二、第三、第四等项目中的超链接时，他们只会打开第一个跨距的信息

---

代码应该用自己的信息填充每个连续的

span

。

我的JQuery已关闭。这需要改变：

$(".Read-Showing-Comment-Cancel").live('click', function (e) {
  var guid = $(this).data("guid");
  e.preventDefault();

  var f = $('#comments-form-' + guid).slideUp();
  $('comments-text-' + guid).empty();
  $('comments-text-' + guid).value = "";
  $(this).parent("form").parent("td").parent("tr").hide();
  $('comments-sendlink-' + guid).show();
});

$('.showComments').unbind('click').click(function (event) {
  $('.ListingDisplayOptions').hide();
  var showGuid = $(this).attr('rel');
  $(this).parent("td").parent("tr").next('#comments-form-' + showGuid).show();
  $(this).attr('id', 'comments-sendlink-' + showGuid);

  event.preventDefault();
});