php - 在超链接中使用 onclick 打开具有 id 的 div

Question

下面是给定的 div，其 ID 为“panel”，链接位于同一页面但在此 div 之外，当我单击链接时，该 div 应该打开。有几个链接，所以 jquery 不起作用，我的按钮是通过 php while 循环动态创建的，因此我无法在我的超链接中放置唯一的 id

   <div id="panel">
<form name="userloginform" action="xxx.php" method="post">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" class="tb">
   <tr>
    <td align="left" valign="middle" height="80">User Name</td>
    <td align="left" valign="middle">:&nbsp;</td>
     <td align="left" valign="middle"><input name="user" type="text" class="log"/></td>
   </tr>
    <tr>
    <td align="left" valign="middle">Password</td>
     <td align="left" valign="middle">:&nbsp;</td>
    <td align="left" valign="middle"><input name="pass" type="password" class="log"/></td>
   </tr>
   <tr>
  <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
 </tr>
  <tr>
   <td colspan="3"><input name="submit1" type="submit" value="Login" class="login_btn"/></td>
 </tr>
  </table>
  </form>
  </div>

我的链接是

 <a href="#" id="flip" >Launch Now</a>
 <a href="#" id="" >Launch Now</a>

如果我不清楚，请回复哪部分不清楚，以便我可以清楚地编辑和提供有用的信息

好的，这里是链接的来源，这里使用了 CMS。

   <?php
    $sql=mysql_query("SELECT * FROM heading ORDER BY id DESC");
    while($r=mysql_fetch_array($sql))
    {
    $ii=$r['id'];
    ?>
      <h3><?php echo $r['heading'];?></h3>
      <div>
        <div class="content">
            <div class="main_table_wrapper">
            <table width="1030" border="0" cellspacing="0" cellpadding="0" align="left">
            <?php
                    $sql2=mysql_query("SELECT * FROM inner_table WHERE head='$ii'") ;
                    while($rows=mysql_fetch_array($sql2))
                    {
                    $abc=str_replace($rows['url'],'XXXXXXXXXXXXXXX',$rows['url']); 
                    ?>
              <tr>

                <th align="left" valign="middle" width="350"><?php echo $rows['inner_names'];?></th>
                <th align="left" valign="middle" width="250"><?php echo $abc;?></th>
                <th align="left" valign="middle" width="200"><?php echo $rows['author'];?></th>
                <th align="center" valign="middle" width="100"><?php echo $rows['doe'];?></th>
                <th align="right" valign="middle" width="130"><span class="lunch"><a href="#" id="flip1">Launch Now</a></span></th>

              </tr>
              <?php } ?>
         </table>

            </div>
        </div>
      </div>
      <?php } ?>
    </div> 

Answer 1

多个元素不能具有相同的 id。

由于到目前为止您还没有显示任何 JS 代码，所以我能给出的唯一建议是使用类作为操作链接的标识符。

从标记的外观来看，您还可以使用一些东西 $('span.lunch').on('click', 'a', function(e) {//do stuff } );