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