Javascript 我如何以可重用的方式创建这个jquery？

我正在使用

Bootstrap

popover

s从我的数据库中获取动态内容。在php中，它为每个

popover

创建动态类。我的问题是，在jquery中，是否需要单独调用触发popover

这就是我如何使用jQuery触发弹出框的方法-

$(".image-info-popover-1").popover({
        html : true, 
        placement : 'left',
        trigger: 'hover',
        content: function() {
            return $('.popoverContent-1').html();
        },
        title: function() {
            return $('.popoverTitle-1').html();
        }
}); 

$(".image-info-popover-2").popover({
        html : true, 
        placement : 'left',
        trigger: 'hover',
        content: function() {
            return $('.popoverContent-2').html();
        },
        title: function() {
            return $('.popoverTitle-2').html();
        }
});

$(".image-info-popover-3").popover({
        html : true, 
        placement : 'left',
        trigger: 'hover',
        content: function() {
            return $('.popoverContent-3').html();
        },
        title: function() {
            return $('.popoverTitle-3').html();
        }
}); 

$(".image-info-popover-4").popover({
        html : true, 
        placement : 'left',
        trigger: 'hover',
        content: function() {
            return $('.popoverContent-4').html();
        },
        title: function() {
            return $('.popoverTitle-4').html();
        }
}); 

$(".image-info-popover-5").popover({
        html : true, 
        placement : 'left',
        trigger: 'hover',
        content: function() {
            return $('.popoverContent-5').html();
        },
        title: function() {
            return $('.popoverTitle-5').html();
        }
}); 

但是，如果我有一个弹出窗口列表，这不是最好的方法。有人告诉我用可重复使用的方式做这件事的好方法吗

---

多谢各位

如果您希望它可重用，我会将它放在一个以数字为参数的函数中。您的函数可以如下所示

var popover_func = function(n) {
    $(".image-info-popover-"+n).popover({
        html : true, 
        placement : 'left',
        trigger: 'hover',
        content: function() {
            return $('.popoverContent-'+n).html();
        },
        title: function() {
            return $('.popoverTitle-'+n).html();
        }
    });
};

您应该能够使用for循环调用它

for (var i=0; i<=5;i++) {
    $(document).ready(popover_func(i));
}

---

for（var i=0；我会立即使用循环减少reption（注意迭代变量的闭包）。我不知道popover函数中的
这个
值是什么，但是您可以通过从
这个
中获取属性来查找索引，从而使它完全通用化。如何调用这个函数？