javascript - イベントを実行せずに (これ) を見つけますか?

Question

type-aud のクラスを持つ複数の div があります。div には ID がありません。ページの読み込み時に必要なため、クリック機能を実行してから (this) を使用することはできません。

各 div には file という属性があり、これを変数に割り当ててから html5 オーディオ タグに配置します。div に固有の SRC が必要です。

    var item = $('.type-aud');
        path = item.attr('file'),
        html = '<audio controls><source src="'+path+'" type="audio/mpeg" class="audio"></audio>',
        playerClass = item.find('.audio');

    if (!playerClass.hasClass('audio')) {
        item.append(html);          
    }

Answer 1

.each()他の方法で使用する場所で使用するだけです.click()。

$('.type-aud').each(function ()
{
    var item = $(this);
    // audio tag business here
});

Answer 2

クラス .type-aud を持つすべての div をループしてから、そのファイル属性を選択できます

$('.type-aud').each(function() {
 var item = $(this);
        path = item.attr('file'),
        html = '<audio controls><source src="'+path+'" type="audio/mpeg" class="audio"></audio>',
        playerClass = item.find('.audio');

    if (!playerClass.hasClass('audio')) {
        item.append(html);          
    }
});

Answer 3

$('.type-aud').each(function(i,ele) {
    var item = $(ele),
        path = item.attr('file'),
        html = '<audio controls><source src="'+path+'" type="audio/mpeg" class="audio"></audio>',
        playerClass = item.find('.audio');

    if (!playerClass.is('.audio')) item.append(html);
});