JQuery从附加元素点击获取文本

Question

现在我正在尝试从数据库中获取数据，然后使用JQuery将其附加到自定义div列表中，该工作正常。

var str = $('<brand-card class="pbt" img="img/brands/' + brand.getName() + '.jpg">' + brand.getName() +'</brand-card>');
        str.appendTo("#perfectbrand-card-container");

在此之后，我试图这样做，当点击其中一个时，我能够获得我之前使用的品牌名称，但它只是返回空白。

 $("#perfectbrand-card-container").on('click','.pbt', function() {
    console.log($(this).text());
});

有没有办法从附加的对象中获取此文本。所有帮助表示赞赏。感谢

Answer 1

您要将其附加到#perfectbrand-card-container，因此请使用该选择器而不是.perfectbrand-container

$("#perfectbrand-card-container").on('click','.pbt', function() {
//-^--------------^-------------
    console.log($(this).text());
});