php 使用JQuery id循环重复

[iyvan]

遇到一个问题就是form循环的时候div的ID可能会重复，导致后台多个记录中只有第一个才能用jquery

这是头部JS

 <script language="javascript">
  $(document).ready(function() {
    new PopupLayer({trigger:"#ele3",popupBlk:"#blk3",closeBtn:"#close3",useFx:true});
  });
</script>

这是逻辑代码

<table>
        <?php
          while ($myrow = mysql_fetch_array($rs)){
            $typerp=$myrow["tasktype"];
        ?>
        <tr>
         
          <!--<input type="hidden" name="userId" id="userId" value='<?=$myrow["userId"]?>'/>-->
          <td class="icon"><img width=71 height=72 src='<?=$myrow["picUrl"]?>'/></td>
          <td class="name"> <?=$myrow["userName"]?> </td>
          <td class="gps_name"><div id="ele3" class="tigger">操作</div></td>
          <div id="blk3" class="blk" style="display:none;">
              <div class="head"><div class="head-right"></div></div>
              <div class="main">
                  <h2>根据需要进行不同的操作</h2>
                  <a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
                  <ul>
                      <form method=post action="include/dosubmit.php">
                      <input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
                      <li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
                      <li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
                      </form>
                  </ul>
              </div>
              <div class="foot"><div class="foot-right"></div></div>
          </div>
          <td class="list_button"></td>
          <td class="list_button"></td>
          <td class="list_button"></td>
          <td class="list_button"></td>
          <td width="20px"></td>
        </tr>
        
        <tr>
          <td colspan="5" style="height:2px;"><div class="table_divider"></div></td>
        </tr>
        <?php
         }
        echo "</table>";

这里就是调用的DIV

<div id="blk3" class="blk" style="display:none;">
              <div class="head"><div class="head-right"></div></div>
              <div class="main">
                  <h2>根据需要进行不同的操作</h2>
                  <a href="javascript:void(0)" id="close3" class="closeBtn">关闭</a>
                  <ul>
                      <form method=post action="include/dosubmit.php">
                      <input type="hidden" name="appName" id="appName" value='<?=$myrow["packageName"]?>'/>
                      <li><input type="submit" name="appsubmit" value="增加" onmousedown="this.className='list_button_active'" onmouseup="this.className='list_button_normal'" class="list_button_normal" /></li>
                      <li><input type="submit" name="appsubmit" value="删除" onmousedown="this.className='list_button_red_active'" onmouseup="this.className='list_button_red_normal'" class="list_button_red_normal" /></li>
                      </form>
                  </ul>
              </div>
              <div class="foot"><div class="foot-right"></div></div>
          </div>

当 <td class="gps_name"><div id="ele3" class="tigger">操作</div></td> 循环出大于一条的时候，只有第一个“操作”能调出DIV，其他没有反应。
想知道如何让id="ele3"不重复，或者有什么办法让每个操作能调用div。

[iyvan]

没人回复。。。。。

[heyli]

new PopupLayer({trigger:".tigger" 换成样式名称 <div id="ele3" class="tigger">操作</div>

[iyvan]

引用 2 楼 heyli 的回复:

new PopupLayer({trigger:".tigger" 换成样式名称 <div id="ele3" class="tigger">操作</div>

使用样式名称其他几个“操作” 还是只能调用第一个操作的div内容，因为我这隐藏的DIV是根据每个<tr>循环出来的，所以DIV的ID是一样的。

[hechuanchuan]

引用 3 楼 yvan2008 的回复:

引用 2 楼 heyli 的回复:new PopupLayer({trigger:".tigger" 换成样式名称 <div id="ele3" class="tigger">操作</div> 使用样式名称其他几个“操作” 还是只能调用第一个操作的div内容，因为我这隐藏的DIV是根据每个<tr>循环出来的，所以DIV的ID是一样的。

用楼上的方法，全都换成class的调用，js中ID原则上是不相同的，代表了唯一，你这段代码现在id是重复的