php - 如何在 JS 中存储 PHP 变量以便与 jQuery 一起使用？

Question

我想知道在哪里放置代码以从 PHP 获取变量(在编号类中使用)并将其存储在 jQuery 可以访问的变量中？

这是一个例子:

$(".object1-22").hover(function(e){
    $(".object2-22").show();
}, function(e) {
    $(".object2-22").hide();
});

所以在我的代码中，我有两个对象。当您将鼠标悬停在 object1 的第 22 个实例上时，我希望它仅显示 object2 的第 22 个实例。

我如何执行此任务？

Answer 1

如果您为对象创建 ID(“object2 的第 22 个实例”)，请使用 HTML ID，而不是 CSS 类。

我猜您希望所有对象具有相同的行为，因此不要为每个对象编写单独的事件处理程序。使用通用 CSS 类(object1 和 object2)和单独 ID(object1-22、object2-22)

考虑

$(".object1").hover(function(e){
    $('#' + this.id.replace(/object1-/, 'object2-').show();
}, function(e) {
    $('#' + this.id.replace(/object1-/, 'object2-').hide();
});

您甚至可以预先链接相关元素。

$(".object1")
.each(function () {
    this.partner = $(this.id.replace(/^object1-/, 'object2-')[0];
})
.hover(function () {
    $(this.partner).show();
}, function () {
    $(this.partner).hide();
});

话虽如此，这是 StackOverflow 的一个问题，不幸的是我没有足够的代表来相应地标记它。