点击将div中的标题放入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);
    });
});

如果您想在另一个函数中使用该变量，您需要对var进行全局使用，如：

$(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