Javascript 在不执行事件的情况下查找（此）？

我有多个div类型为aud的类。div没有ID。我不能执行单击功能然后使用（此），因为它必须在页面加载中

每个div都有一个名为file的属性，我将该属性分配给一个变量，然后将其放入html5音频标记中。我需要SRC对div是唯一的

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

var item=$（'.type aud'）；
path=item.attr（'file'），
html=“”，
playerClass=item.find（'.audio'）；
如果（！playerClass.hasClass（'audio'））{
item.append（html）；
}

只需在本应使用的地方使用

。单击（）

$（'.type aud'）。每个（函数（i，ele）{
可变项目=$（ele），
path=item.attr（'file'），
html=“”，
playerClass=item.find（'.audio'）；
如果（！playerClass.is（'.audio'））item.append（html）；
});

您可以在所有具有类的div上循环。键入aud，然后选择其file属性

$('.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);          
    }
});

$（'.type aud'）。每个（函数（）{
var项目=$（此项）；
path=item.attr（'file'），
html=“”，
playerClass=item.find（'.audio'）；
如果（！playerClass.hasClass（'audio'））{
item.append（html）；
}
});

你的问题不清楚。你想要什么？“我不能执行单击函数然后使用（此）…”，使用

$（“.type aud”）。每个（函数（）{/*this*/}）然后。
$('.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);
});

$('.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);          
    }
});