我可以合并JQuery中的函数调用吗

Can i consolidate function calls in JQuery?

本文关键字：函数调用 合并 JQuery 我可以      更新时间：2023-09-26

我有以下内容，并且希望能够最好只使用一个函数。。。

$(document).ready(function(){
$("#home_p1").editInPlace({
        url: './include_eip_77994477/eip.php',
    });
$("#home_p2").editInPlace({
        url: './include_eip_77994477/eip.php',
    });
$("#home_p3").editInPlace({
        url: './include_eip_77994477/eip.php',
    });
});

在某些页面上，这可能会出现15或20个实例。。。有可能吗？

您可以用逗号组合不同的元素：

$("#home_p1, #home_p2, #home_p3").editInPlace({
    url: './include_eip_77994477/eip.php',
});

或者，您可以将一个类添加到所有元素中，并使用类选择器：

$(".someClass").editInPlace({
    url: './include_eip_77994477/eip.php',
});

jQuery选择器

2/3选项。。。

1） 组合选择器：

$("#home_p1,#home_p1").editInPlace({
    url: './include_eip_77994477/eip.php',
});

2） 使用类：

$(".yourclass").editInPlace({
    url: './include_eip_77994477/eip.php',
});

3） 如果您的ID与示例中的模式匹配：

$("[id^=home_]").editInPlace({
    url: './include_eip_77994477/eip.php',
});

您可以向#home_px元素添加一个类，并使用该类来定位它吗？在您的示例中，URL都是相同的，但如果它们不同，您可以使用数据。

$(".element").editInPlace({
    url: $(this).data('url'),
});
<div class="element" data-url="./include_eip_77994477/eip.php"></div>

希望能有所帮助：）

相关文章：