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