如何访问正在循环的表元素内的元素?

时间:2014-10-01 09:17:25

标签: javascript html asp.net-mvc razor

我在下面有一个嵌套的循环表,我想访问<td>元素中的一个元素,该元素是一个名为<div>的{​​{1}}元素,当前已关闭。

我想在单击名为divrep的输入按钮时访问此div元素,以便我可以打开它。我在下面有一个JavaScript代码来打开它,但它将始终打开第一行。

如何根据点击的输入按钮所在的索引在表格行的精确索引中打开它?到目前为止,这就是我所拥有的:

Reply

2 个答案:

答案 0 :(得分:2)

您不得对同一html文档中的多个元素使用相同的id。使用class代替id,如下所示

<input type="button" class="Reply" name="Reply" value="Replie(s)" onclick ="return OpenReply()" />

<div class="divrep" style="display:none>

.....

使用以下jQuery显示divrep div onclick of button

$(function(){
  $('.Reply').click(function(){
     $(this).closest('p').next('.divrep').show();
  });
});

<强> DEMO

答案 1 :(得分:-1)

divrep是一个存在于LOOP内的Id。这意味着将有许多具有相同ID的元素不正确。 您应该使用Class而不是Id 并使用函数document.getElementsByClassName来访问它