Javascript 如何在按下按钮时获取特定数据

Javascript 如何在按下按钮时获取特定数据,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我已经创建了一个搜索页面,根据输入的值给出搜索结果。我想要的是在用户按下注册按钮时获得广告的具体细节。但我得到的是所有广告的详细信息,而不是用户想要注册的广告。 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <

我已经创建了一个搜索页面,根据输入的值给出搜索结果。我想要的是在用户按下注册按钮时获得广告的具体细节。但我得到的是所有广告的详细信息,而不是用户想要注册的广告。 代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/basic.css">
    <script src="js/jQuery/jquery.min.js"></script>
    <script src="css/bootstrap/js/bootstrap.min.js"></script>

    <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script>
    <script src="Forms/form-validation.js"></script>
</head>
<body>
<?php 
session_start();
require 'connection.php';
//include_once 'utlities.php';

$userEmail=$_SESSION['user'];
$form_string = 'd';

$sqlQuery ='SELECT * FROM `course` WHERE `course_title` LIKE "%'.$form_string.'%" OR `user_teacher` in (SELECT user_teacher FROM teacher where email in (SELECT email from person where fname like "%'.$form_string.'%" OR lname like "%'.$form_string.'%"));';
$queryExe=mysqli_query($connection,$sqlQuery);
$row = mysqli_fetch_assoc($queryExe)
 ?>
<div class="panel-body">
                    <?php while($row = mysqli_fetch_assoc($queryExe)) { ?>
                    <article class="row panel panel-default">

                        <div class="col-xs-6 col-xs-offset-3  col-sm-3 col-sm-offset-0">
                            <a href="#" title="Lorem ipsum" class="thumbnail"><img src="images/profile-default.jpg" alt="Lorem ipsum" /></a>
                        </div>
                        <div class="col-xs-12 col-sm-3">
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <i class="glyphicon glyphicon-book"></i>
                                    <span>
                                        <?php
                                            echo " ".$row["description"];
                                        ?>
                                    </span>
                                    </li>
                                    <li class="list-group-item">
                                    <i class="glyphicon glyphicon-tags"></i>
                                    <span id="courseid" >
                                        <?php
                                            echo " Course ID ".$row["courseid"];
                                        ?>
                                    </span>
                                    </li>
                                <li class="list-group-item">
                                    <i class="glyphicon glyphicon-tags"></i>
                                    <span>
                                        <?php echo" Rs. ".$row["fees"];
                                        ?>
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xs-12 col-sm-6">
                            <h3>
                                <a href="#" title="">
                                    <?php 
                                        $sql_profile = 
                                            "SELECT `fname`,`lname`,`email`
                                                FROM `person` 
                                                WHERE `email`=(
                                                    SELECT `email` 
                                                    FROM `teacher` 
                                                    WHERE `user_teacher`=".$row["user_teacher"]."
                                                    );   
                                                ";

                                        $result_sql=mysqli_query($connection,$sql_profile);
                                        $tName = mysqli_fetch_assoc($result_sql);
                                        echo $tName["fname"]." ".$tName["lname"];
                                        $_SESSION['temail']= $tName["email"];
                                    ?>
                                </a>
                            </h3>
                            <h6><?php echo $tName['email']; ?></h6>
                            <p class="hidden-xs"><?php echo $row["course_title"]; ?></p>
                            <span class="plus">
                                <a href="#" title="Enroll" class="btn btn-success" 
                                  <?php
                                    /*if(loggedIn()){

                                         echo 'data-toggle="modal" data-target="#enroll "';

                                    }else{

                                        echo 'data-toggle="modal" data-target="#LOGIN "';
                                    }
                                    /**/
                                  ?>>
                                  <i class="glyphicon glyphicon-plus" id="enroll" ></i><span>Enroll</span>
                                </a>
                            </span>
                        </div>          
                    </article>
                    <?php 
                     }
                    ?>
                </div>


<script type="text/javascript">
    $(document).ready(function() {
        $('#enroll').click(function() {
            alert($("article").find("#courseid,h6").text());
        });
    });
</script>

</body>
</html>

$(文档).ready(函数(){ $(“#注册”)。单击(函数(){ 警报($(“文章”).find(#courseid,h6”).text(); }); });
HTML中的标识符必须是唯一的您正在循环中生成元素,这将创建重复的ID,因此生成的HTML将无效

将CSS类与元素一起使用,然后使用它附加事件处理程序。您可以使用
data-*
自定义属性关联任意数据,该属性可以使用
.data()
获取

HTML


将唯一标识符设置为要显示的内容

    <?php
        echo "<span id=\"courseid-".$row['courseid']." \" >";
        echo " Course ID ".$row["courseid"];
    ?>

session_start()已在向页面发送HTML后运行。在您的日志文件中查找已发送的
标题
错误您在HTML中使用了重复的ID,因为您使用while循环生成它。ID应该是唯一的。示例:将HTML中的
更改为
id应该是唯一的
$('.enroll').click(function() {
    var email = $(this).data('email');
    var courseid = $(this).data('courseid');            
});
    <?php
        echo "<span id=\"courseid-".$row['courseid']." \" >";
        echo " Course ID ".$row["courseid"];
    ?>
    <?php
        echo "<i class=\"glyphicon glyphicon-plus\" id=\"enroll\" data-id=\"courseid-".$row["courseid"]." \">";

    ?>
    $('#enroll').click(function() {
        courseid = $(this).attr('data-id');
        alert($("#"+courseid+",h6").text());
    });