时间戳

首页 > 解决方案 > 使用 jquery 显示和隐藏每次点击

php - 使用 jquery 显示和隐藏每次点击

问题描述

单击跨度中的文本后，我必须显示和隐藏 div。我有很多从循环中生成，我想单击每个#mod 并显示隐藏的 div。但是，如果我单击第一个#mod，就会显示隐藏的 div。我怎样才能使所有#mod 成为我制作此代码的一部分，但它仅适用于一个而不适用于所有人。我哪里错了？

    <tbody>
        <form action="#" method="post" enctype="multipart/form-data" name="actionpost">
           <?php  
                global $wpdb;
               $articles = $wpdb->get_results( "select * from {$wpdb->prefix}mic_articles");     
               ?><?php
               foreach ($articles as $article){    
                   $url = get_home_url() . "/" . strtolower( str_replace( " ", "-", normalize( $article->titre ) ) );
                   echo "
                           <tr class='alternate' valign='top'> 
            <th class='check-column' scope='row'> <input type='checkbox' name='article[]' value='$article->id'></th>
            <td class='column-columnname'><a href='$url'><strong>$article->titre</strong></a>
                <div class='row-actions'>
               
                 <span id='mod'><a href='#'>Modifier</a> </span> | <span style='color:red' class='supp'>Corbeille</span>
                   
</label>
                </div>
            </td>   
            <td class='column-columnname'></td>
        </tr>";
               }
            ?> 
  
        <?php
        ?>
    </tbody>
</table>
                       <script>   

    $('#mod').click(function() {
      $('#modification').toggle("slide");
    });
</script>

标签： phphtmljquerywordpress

解决方案

您需要处理程序来附加事件。尝试添加准备好的

$( document ).ready(function() {
        $('#mod').click(function() {
            $('#modification').toggle("slide");
        });
    });

推荐阅读