javascript - 如何将 onClick 事件的值传递给第二个函数？

Question

基本上我有一个<input>我开始输入姓名的字段。当我输入时，html 会弹出一个无序列表 <ul>包含我的 JSON 文件中的视频名称。我想做的是能够单击按钮，然后播放 <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>';