jquery - 点击时将标题放入div

Question

目前使用：

$(function () {
    $(".playbtn").on("button", "click", function (e) {
        var title = $(this).attr('name');
    });
});

$('.movie-title').html(title);

我试图在单击时获取 playbtn 的名称内容并将其存储在变量中。然后把这个内容放到一个div中。

Answer 1

• 在所需功能内运行预期操作
  
• 你delegated element selector来错地方了。应该

$(function () {
    $(".playbtn").on("click", "button", function() {
        var title = $(this).attr('name');
        $('.movie-title').html(title);
    });
});

如果您想在另一个函数中使用该变量，则需要全局使用您的varlike：

$(function () {

    var title = '';       // DEFINED

    $(".playbtn").on("click", "button", function() {
         title = $(this).attr('name');    // SET
        $('.movie-title').html(title);    // USED
    });

    $("#alertTitleButton").on("click", function() {
         alert( title );                  // USED
    });

});

阅读更多：jquery.com/on

^{Post Scriptum：
请注意，以上将针对所有元素.movie-title，因此使用您的 jQuery 选择器更具体：}

jquery.com/selectors jquery.com/traversing