jquery - 使用 JQuery 定位 css 类的单个实例

Question

我需要使用 JQuery 以类的单个实例为目标，因为我需要在页面上的元素之后(或之前)插入一段新的 html 代码。我的第一个想法是使用“inserAfter”方法。但是，我很快意识到这是一个在文档中多次使用的普通类。默认语法是这样的，我相信:

$('<p>Test</p>').insertAfter('.inner');

我读到您可以使用 siblings 方法，但我不知道如何组合 insertAfter/Before，而且类的实例是相同的 - 从正文到实际内容。所以它是关于定位 5 个(实例)中的第二个实例或其他东西并插入 bla，bla 代码。

这可能吗？还是我应该重新考虑整个计划然后... 做点别的？ 感谢您的任何想法、提示或建议。

Answer 1

您可以使用 eq() 来根据索引定位类的特定实例。因为它从零开始，eq(1) 将是 .inner 类的第二个实例:

$('.inner').eq(1).after('<p>Test</p>');