Call function on element generated by jQuery

Question

Here is a snippet from a code that generates element and appends it to parent container:

                $('#container-game-mobile').append(
                   $('<div>', {
                     'class': 'game-card-mobile',
                     'data-action': actions_cpy.splice(ran, 1)[0]
                   })
                );

is it possible to call function on a generated div? I would assume something like:

                    $('#container-game-mobile').append(
                       $('<div>', {
                         'class': 'game-card-mobile',
                         'data-action': actions_cpy.splice(ran, 1)[0]
                       }).this(myFunction())
                    );

Answer 1

Try this:

var $div = $('<div />', {class: 'game-card-mobile', 'data-action': actions_cpy.splice(ran, 1)[0]});
$('#container-game-mobile').append($div);
$div.myFunction();

To pass it as a parameter:

var $div = $('<div />', {class: 'game-card-mobile', 'data-action': actions_cpy.splice(ran, 1)[0]});
$('#container-game-mobile').append($div);
myFunction($div);