Javascript 我单击的特定部门您可以拆分您的值以显示值的“特定部门：）您可以通过Jquery的拆分功能拆分它。但是我如何知道我单击哪个部门以拆分值呢。请参阅Jai的答案，并帮助我建议如何获得该函数中的值 <div data-role="page" id="huma

---

我单击的特定部门您可以拆分您的值以显示值的“特定部门：）您可以通过Jquery的拆分功能拆分它。但是我如何知道我单击哪个部门以拆分值呢。请参阅Jai的答案，并帮助我建议如何获得该函数中的值

<div data-role="page" id="humanities">
    <div data-role="header" style="background-color: #eaffcd;">
        <image src="http://i.cs.hku.hk/~hsbashir/Project_Work/bayview/hku_logo.png" style="height:40px; width:35px; postion:relative; float:left;">
        <h1 style="color:black;"> Departments </h1>
    </div>
    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true">
        <li class="departments"><a href="#department">Department of Fine Arts</a></li>
        <li class="departments"><a href="#department">Department of Law </a></li>

    </ul>
</div>
<div data-role="page" id="department" onload="loadCourse()">
    <div data-role="header" style="background-color: #eaffcd;">
        <image src="http://i.cs.hku.hk/~hsbashir/Project_Work/bayview/hku_logo.png" style="height:40px; width:35px; postion:relative; float:left;">
        <h1 style="color:black;"> Courses </h1>
    </div>

    <ul data-role="listview" data-theme="a" data-split-theme="b" data-split-icon="plus" data-inset="true" id="courselist">

    </ul>
    <script>

        function loadCourse(){

        var course = $('.departments').text();

            $.get(
            "getCourses.php?course="+course,
            function( data ){
                $('#courselist').html( data )
                .listview( 'refresh' );
            }
            );      
        }
    </script>
</div>

mysql_connect($host,$username,$password);
mysql_select_db($database) or die( "Unable to select database");

$course = $_GET['course'];

$query ='SELECT * FROM Course_info WHERE Department="'.$course.'"';
$result = mysql_query($query) or die(mysql_error());

    while($row = mysql_fetch_array($result)) {

        print '<li><a href="#">';
        print '<h2 style="text-wrap : normal" >'.$row['Course_code'].' '.$row['Title'];
        print '</a></li>';
        print '<p>'.$row['Term'].'</p>';

    }

var course = $('.departments').text;

var course = $('.departments').text(); // missed the braces

$(function(){
  $( ":mobile-pagecontainer" ).on( "pagecontainershow", function( event, ui ) {
    if(window.location.href.indexOf('#department') !== -1){
        loadCourse();
    }
  });
});

$(function(){
  var txt; // declare var outside
  $('a').on('click', function(){ // bind a click event on clicked anchors
    txt = this.textContent; // get the text content
  });
  $( ":mobile-pagecontainer" ).on( "pagecontainershow", function( event, ui ) {
    if(window.location.href.indexOf('#department') !== -1){
        loadCourse(txt); // pass it here
    }
  });
});

<script>

    $(document).ready(function() {

    var course = $('.departments').text();

    $('#sample').html( 'hello' );
        $.get(
        "getCourses.php?course="+course,
        function( data ){
            $('#courselist').html( data )
            .listview( 'refresh' );
        }
        );      
    });
</script>

var course = $('.departments').text();

function loadCourse(){

        var course = $('.departments').text();
        console.log(course)

            $.get(
            "getCourses.php?course="+course,
            function( data ){
                console.log(data);
                $('#courselist').html( data )
                .listview( 'refresh' );
            }
            );      
        }