如何使用jquery最接近的函数

时间:2016-04-09 23:02:33

标签: php jquery html css commenting

我已经制作了一个网页,其中我将图像上传到数据库n再次从数据库显示它们...当上传图像我在textarea中添加评论时,再次显示评论显示并且也可以编辑,现在我添加了一个添加注释textarea,显示无,并希望在单击带有jquery show函数的按钮时显示它。
我可以在点击&#39时显示(使用jquery)textarea(显示:无属性) ;添加评论&#39;按钮,但问题是它始终打开上次上传的图像的文本区域我读到使用jquery最近的属性,但它没有在我的代码上工作,我可能会遗漏一些我不知道<这是我需要的css,如果你尝试运行该程序,那么你需要它。

iMac$ ls -l /dev > before.txt
iMac$ ls -l /dev > after.txt
iMac$ diff before.txt after.txt 
25,27c25,27
< crw-rw-rw-  1 root     wheel      14,  18 10 avr 10:40 io8log
< cr--r--r--  1 root     wheel      14,  10 10 avr 10:39 io8logmt
< crw-rw-rw-  1 root     wheel      14,  19 10 avr 10:42 io8logtemp
---
> crw-rw-rw-  1 root     wheel      14,  17 10 avr 10:40 io8log
> cr--r--r--  1 root     wheel      14,  18 10 avr 10:39 io8logmt
> crw-rw-rw-  1 root     wheel      14,  10 10 avr 10:42 io8logtemp

我上传显示图片和评论输入的代码,有一个添加按钮,提供

    #commen{
        display:none;
    }
    #sq {
    background-image:url("wood.jpg");
        margin-top:1%;
       margin-left:30%;
       margin-right:20%;
       height: 70%;
        width:40%;
        float:left;}

我的jquery函数

        function displayimage()
    {
    <div id="sq">
    <?php
    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "databaseimage";

    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) {
        die("Connection failed: " . $conn->connect_error);
    } 
    $sql = mysqli_query($conn,"SELECT * FROM images order by         image_id         DESC");

    while ($image = mysqli_fetch_assoc($sql)) 
    {
    echo '  <img src="data:image/jpeg;base64,'.base64_encode(         $image['url'] ).'" width="100%" height="100%">';
    $id=$image['image_id'];
    $sqlit = mysqli_query($conn,"SELECT * FROM images_comments         where            comment_id='$id'");
         $image1 = mysqli_fetch_assoc($sqlit);  
         $text = $image1['text'];
    echo "<form method='post' action='page.php'>
         <textarea name='comment'          onblur=style.backgroundColor='darkgray'                 onclick=style.backgroundColor='white'>$text</textarea>
         <input type='hidden' name='imageID' value='$id'/>
         <input type='submit' name='submitComment' value='Submit'></form>";

         echo "<div id='commen'>
         <form method='POST' action='comm.php'>                           
         <textarea name='commentx'></textarea>            
         <input type='submit' name='Adcom' value='Add'>
         </form>   
         </div><a class='comment'>Add Comment</a>";
         echo nl2br("\n");
    }

    ?>
    </div>

我只是不知道如何使用最接近的功能。
只需要知道如何正确使用最近的功能
任何帮助表示赞赏,Thanx ...

我也试过这个代码来表示..

<script>
   $(document).ready(function(e) {

     $('.comment').click(function(){    
     $('#commen').show();
     });
   });
   </script>

1 个答案:

答案 0 :(得分:0)

首先,您可能不应该在同一页面上拥有多个具有相同id的元素。你可能想要的JavaScript是什么

$('.comment').click(function(){    
    $(this).prev().show();
});