Question

我有以下内容，并希望能够最好只使用一个功能...

$(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个实例......是否可能？

Answer 1

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

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

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

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

jQuery selectors

Answer 2

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',
});

Answer 3

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

$(".element").editInPlace({
    url: $(this).data('url'),
});

<div class="element" data-url="./include_eip_77994477/eip.php"></div>

希望有所帮助：）

我可以在JQuery中整合函数调用吗？

3 个答案: