如何將onClick事件的值傳遞給第二個函數？

Question

基本上，我有一個<input>字段，在其中開始輸入名稱。 當我鍵入內容時，html彈出並顯示一個無序列表<ul>其中包含來自JSON文件的視頻名稱。 我想做的是能夠單擊按鈕，然后在<video>播放器中播放<video> 。 但是，“ val.name”沒有傳遞給函數g（）;。 當我點擊它。

$('#search').keyup(function() {
    var searchField = $('#search').val();
    var myExp = new RegExp(searchField, "i");
    $.getJSON('data.json', function(data) {
        var output = '<ul class="searchresults">';
        $.each(data, function(key, val) {
            if (val.name.search(myExp) != -1) {
                output += '<li>';
                output += '<div>'+ val.name +'</div>';
                output += '<img src="images/'+ val.name +'.jpg" alt="'+ val.name +'" />';
                output += '<button onClick="g('+ val.name +')" >Help Me Here</button>';                     
                output += '</li>';
            }
        });
        output += '</ul>';
        $('#update').html(output);
    });
});


function g(e){
    $('#videoObj').remove();
    $('<video controls preload="metadata" id="videoObj" width="100%" height="720"  src="videos/'+e+'.mp4" type="video/mp4" frameborder="0" allowfullscreen><track label="English" kind="subtitles" srclang="en" src="subtitles/'+e+'.vtt" ></video>').prependTo('#vholder').attr('autoplay','autoplay');  
}

Answer 1

html字符串格式錯誤。 改變這個

output += '<button onClick="g('+ val.name +')" >Help Me Here</button>'; 

對此

output += '<button onclick="g(\''+ val.name +'\')" >Help Me Here</button>';