目前，我正在尝试使用youtube api从youtube频道中提取视频，然后使用javascript对其进行搜索和分类。我可以在html表上进行搜索，但不能在我通过api创建的表上进行搜索。

我现在的html代码基本上是这样的：

    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/script.js"></script>

</head>
<body>
    <div id="container">
    <h1> RBx Youtube Videos </h1>
     <input type="text" id="search" placeholder="Type to search">
    <table id="results"> </table>
    </div>

</body>

​

视频的检索位置如下：

    $(document).ready(function(){
$.get(
    "https://www.googleapis.com/youtube/v3/channels",{
        part: "contentDetails",
        forUsername: channelName,
        key: pkey},
        function(data){
            $.each(data.items, function(i, item){
                console.log(item);
                pid = item.contentDetails.relatedPlaylists.uploads;
                getVids(pid);
            })
        }
);

function getVids(pid){

    $.get(
    "https://www.googleapis.com/youtube/v3/playlistItems",{
        part: "snippet",
        maxResults: 50,
        playlistId: pid,
        key: pkey},
        function(data){
            var output;
            $.each(data.items, function(i, item){
                console.log(item);
                videoTitle = item.snippet.title;
                videoId = item.snippet.resourceId.videoId;
                videoDescription=item.snippet.description;

                output = '<tr><td><img src="http://img.youtube.com/vi/'+videoId+'/1.jpg"></img></td><td><a href="https://www.youtube.com/watch?v='+videoId+'">'+videoTitle+'</a></td></tr><tr><td colspan="2" align="right">'+videoDescription+'<hr>';

                //output = '<tr><td>'+videoTitle+'</td></tr>';

                //Append to results listStyleType
                $('#results').append(output);
            })
        }
);

}

}