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);
    });
});

別の関数内でその変数を使用する場合は、次のようなものをグローバルに使用する必要があります。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

^{スクリプト後：
上記はすべての要素を対象としている.movie-titleため、jQueryセレクターを使用してより具体的にすることに注意してください。}

jquery.com/selectors jquery.com/traversing